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.
