How to disable styling on
in bootstrap

Question

I am using HTML's <pre></pre> to render my text as is with \n and spaces in a block. But bootstrap's default behaviour puts a <pre> block in a bordered box with a grey background. I don't want that. I want it to displayed as plain text.

How to disable that styling behavior for pre?

Don't worry dude, this was felt like a very basic question. It is gone now I guess. It was locked in your post, so once I edited, the downvoter was able to remove it. — Praveen Kumar Purushothaman, Mar 16 '16 at 11:49

score 12 · Accepted Answer · answered Mar 16 '16 at 11:33

12

You can just do this:

pre {border: 0; background-color: transparent;}

Check this Vanilla CSS Un-Reset for default values of other properties.

answered Mar 16 '16 at 11:33

Praveen Kumar Purushothaman

164,888
24
203
252

I had thought of this but was wondering if there is a more elegant solution like a pre class as unstyled in bootstrap. Thanks for the useful link! – MohitC Mar 16 '16 at 11:49
1

@MohitC Your wish bro, you can actually use `pre.unstyled {}` and give the CSS. – Praveen Kumar Purushothaman Mar 16 '16 at 11:50

How to disable styling on in bootstrap

1 Answers1

How to disable styling on
in bootstrap