Typography in bootstrap

In this tutorial bootstrap typography is explaned with some bootstrap default properties and browser's default properties.
There are some some example with source code and defined properties.

Headigns in bootstrap

There are six type of headings .
<h1> Heading 1 </h1>    <h2> Heading 2 </h2>
<h3> Heading 3 </h3>   <h4> Heading 4 </h4>
<h5> Heading 5 </h5>   <h6> Heading 6 </h6>

Output of above code

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Secondary headings <small>

There are following type of secondary headings .
<h1> Heading 1  <small> secondary h1 </small> </h1>
<h2> Heading 2  <small> secondary h2 </small> </h2>
<h3> Heading 3  <small> secondary h3 </small> </h3>
<h4> Heading 4  <small> secondary h4 </small> </h4>
<h5> Heading 5  <small> secondary h5 </small> </h5>
<h6> Heading 6  <small> secondary h6 </small> </h6>

Output of above code

Heading 1 secondary h1

Heading 2 secondary h2

Heading 3 secondary h3

Heading 4 secondary h4

Heading 5 secondary h5
Heading 6 secondary h6

Mark text in bootstrap

<mark>
This is marked text.Backgound is lightyellow due to bootstrap mark property.
</mark>

Output of above code

This is marked text.Backgound is lightyellow due to bootstrap mark property.

1) text-uppercase

2) text-lowercase

3) text-capitalize

4) text-center

<p class="text-uppercase"> Uppercase paragraph </p>
<p class="text-lowercase"> Lowercase paragraph </p>
<p class="text-capitalize"> capitalize paragraph </p>
<p class="text-center"> text center </p>

Output of above code


Uppercase paragraph

Lowercase paragraph

capitalize paragraph

text center








The Best

Comment here

If you have any query, if you want to know something about any of technical course related to computer science field, if you have any suggestion about relevant to uploaded content or if you anything wrong here (any mistake in content) than please contact us. Keep in mind, comment should be according to community guidelines.