Bootstrap Text/Typography

Bootstrap Text/Typography

Bootstrap’s Text/Typography Default Settings

Bootstrap’s global default font-size is 14px, with a line-height of 1.428.

This is applied to the <body> and all paragraphs.

In addition, all <p> elements have a bottom margin that equals half their computed line-height (10px by default).


Bootstrap vs. Browser Defaults

In this chapter, we will look at some HTML elements that will be styled a little bit differently by Bootstrap than browser defaults.


<h1> – <h6>

By default, Bootstrap will style the HTML headings (<h1> to <h6>) in the following way:

Example

h1 Bootstrap heading (36px)

h2 Bootstrap heading (30px)

h3 Bootstrap heading (24px)

h4 Bootstrap heading (18px)

h5 Bootstrap heading (14px)
h6 Bootstrap heading (12px)

Leave a Reply

Your email address will not be published. Required fields are marked *