Intestazione Esempio con gli elementi Html:
<h1>h1. Intestazione Bootstrap</h1>
<h2>h2. Intestazione Bootstrap</h2>
<h3>h3. Intestazione Bootstrap</h3>
<h4>h4. Intestazione Bootstrap</h4>
<h5>h5. Intestazione Bootstrap</h5>
<h6>h6. Intestazione Bootstrap</h6>
         

Intestazione: Esempio con le classi
<p class="h1">h1. Intestazione Bootstrap</p>
<p class="h2">h2. Intestazione Bootstrap</p>
<p class="h3">h3. Intestazione Bootstrap</p>
<p class="h4">h4. Intestazione Bootstrap</p>
<p class="h5">h5. Intestazione Bootstrap</p>
<p class="h6">h6. Intestazione Bootstrap</p>
         

<h3>
  Intestazione display di fantasia
  <small class="text-muted">Con testo secondario sbiadito</small>
</h3>

<h3>h3. Testo normale</h3>
<h3 class="text-muted">h3. Testo sbiadito</h3><br/>

<p class="h3">p."h3" Testo normale</p>
<p class="h3 text-muted">p."h3" Testo sbiadito</p><br/>

<p>p. Testo normale</p>
<p class="text-muted">p. Testo sbiadito</p>
         

<h1 class="display-1">Display 1</h1>
<h1 class="display-2">Display 2</h1>
<h1 class="display-3">Display 3</h1>
<h1 class="display-4">Display 4</h1>
         

<p class="lead">
  Un paragrafo particolare con la classe ".lead"
</p>
         

<p>Puoi usare il tag mark su  testo. per<mark>evidenziare</mark>testo.</p>
<p><del>Questa riga di testo deve essere considerata come testo eliminato.</del></p>
<p><s>Questa riga di testo deve essere considerata non più accurata.</s></p>
<p><ins>Questa riga di testo deve essere considerata come un'aggiunta al documento.</ins></p>
<p><u>Questa riga di testo verrà visualizzata come sottolineata</u></p>
<p><small>Questa riga di testo è pensata per essere trattata come stampa fine.</small></p>
<p><strong>Questa linea resa come testo in grassetto.</strong></p>
<p><em>Questa riga è rappresentata come testo in corsivo.</em></p> 
         

<p class="text-lowercase">Testo minuscolo</p>
<p class="text-uppercase">Testo maiuscolo</p>
<p class="text-capitalize">testo capitalizzato</p>
         

<p class="text-justify">Testo giustificato: e l'impulso dato scritto nella decisione. Domani il lotto di prova di carote peperoncino fermentazione. Ma fino a quando l'attenzione odiato, vulputate Zen gas. Inoltre, un percorso che alcune cose che, a causa del generale. Ma noi siamo qui ora, sete innesto osseo. Il consiglio di tutta la Gallia per un giorno particolare, ha chiesto che potrebbero. Domani il lotto di prova di carote peperoncino fermentazione.</p>

<p class="text-left">Testo allineato a sinistra su tutte le dimensioni della finestra.</p>
<p class="text-center">Testo allineato al centro su tutte le dimensioni della finestra.</p>
<p class="text-right">Testo allineato a destra su tutte le dimensioni della finestra.</p>

<p class="text-sm-left">Testo allineato a sinistra su finestre di dimensioni SM (piccole) o più larghe.</p>
<p class="text-md-left">Testo allineato a sinistra su MD di dimensioni di finestra (medio) o più largo.</p>
<p class="text-lg-left">Testo allineato a sinistra su finestre di dimensioni LG (grande) o più largo.</p>
<p class="text-xl-left">Testo allineato a sinistra su finestre di dimensioni XL (extra-large) o più larghe.</p>
         

<div class="badge badge-primary text-wrap" style="width: 6rem;">
  <!-- Avvolgi il testo in una figura di 6rem -->
</div>
         

<div class="text-nowrap bd-highlight" style="width: 8rem;">
  Questo testo dovrebbe traboccare il contenitore.
</div> 
         

<p class="font-weight-bold">Bold:  testo in grassetto.</p>
<p class="font-weight-bolder">Bolder: testo in grassetto (relativo all'elemento padre).</p>
<p class="font-weight-normal">normal: Testo di peso normale.</p>
<p class="font-weight-light">ligh: Testo di peso leggero</p>
<p class="font-weight-lighter">lighter: Testo più leggero (relativo all'elemento padre).</p>
<p class="font-italic">Italic: testo in corsivo.</p>
         

<p class="text-monospace">Questo è un testo monospace</p>
         

<a href="#" class="text-decoration-none">Collegamento NON sottolineato</a>
         

<ul class="list-unstyled">
  <li>Lorem ipsum dolor sit amet</li>
  <li>Consectetur adipiscing elit</li>
  <li>Integer molestie lorem at massa</li>
  <li>Facilisis in pretium nisl aliquet</li>
  <li>Nulla volutpat aliquam velit
    <ul>
      <li>Phasellus iaculis neque</li>
      <li>Purus sodales ultricies</li>
      <li>Vestibulum laoreet porttitor sem</li>
      <li>Ac tristique libero volutpat at</li>
    </ul>
  </li>
  <li>Faucibus porta lacus fringilla vel</li>
  <li>Aenean sit amet erat nunc</li>
  <li>Eget porttitor lorem</li>
</ul> 
         

<ul class="list-inline">
  <li class="list-inline-item">Lista-1</li>
  <li class="list-inline-item">Lista-2</li>
  <li class="list-inline-item">Lista-3</li>
</ul>
         

<dl class="row">
  <dt class="col-sm-3">Liste di descrizione</dt>
  <dd class="col-sm-9">Una lista di descrizione è perfetta per definire i termini.</dd>

  <dt class="col-sm-3">performance</dt>
  <dd class="col-sm-9">
    <p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</p>
    <p>Donec id elit non mi porta gravida at eget metus.</p>
  </dd>

  <dt class="col-sm-3">Malesuada porta</dt>
  <dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>

  <dt class="col-sm-3 text-truncate">Il termine troncato viene troncato</dt>
  <dd class="col-sm-9">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>

  <dt class="col-sm-3">Nesting</dt>
  <dd class="col-sm-9">
    <dl class="row">
      <dt class="col-sm-4">Nested definition list</dt>
      <dd class="col-sm-8">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
    </dl>
  </dd>
</dl>
         

<code><section></code>
         

<pre><code>
<p>Sample text here...</p>
<p>And another line of sample text here...</p>
</code></pre> 
         

<var>y</var> = <var>m</var><var>x</var> + <var>b</var>