Show HTML tags in HTML format Bootstrap

What you need to do is a context, or wrapper as is commonly used in CSS.

The context or wrapper is an element (parent) that will involve multiple elements with specific rules or not.

Example:

p {color:blue;}
.wrapper p {color:red;}

<p>Estou fora do contexto....</p>
<div class="wrapper">
   <p>Eu estou no contexto...</p>
</div>
<p>Eu também estou fora do contexto....</p>

So you need to create a CSS with a wrapper that overrides the Twitter Bootstrap rules.

A very simple way to subtract the CSS from a wrapper :

.wrapper * {
  margin:0;
  padding:0;
  list-style:none;
  vertical-align:baseline;
  color:black;
}

Here's a a CSS Reset that is often used to wrap it in the wrapper just add the class before all the selectors.

You need override settings that elements are getting from Bootstrap !

p>

put !important into the settings you want to be the priority settings. Example:

p { color: red !important; }

Font

EDIT: Another way is to put style directly in the html. Example:

<p style="color: red;"> Olá mundo! </p>