FB Youtube Twitter

Bootstrap’s Default Settings

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

This is applied to the <body> element and all paragraphs (<p>).

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:

h1 Bootstrap heading (36px)

h2 Bootstrap heading (30px)

h3 Bootstrap heading (24px)

h4 Bootstrap heading (18px)

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

Try It


1 Comment

ergfirnolikz · 10th January 2019 at 5:45 am

Thanks for another informative blog. Where else may I get that type of information written in such an ideal approach? I’ve a mission that I’m just now operating on, and I’ve been on the look out for such information.

Leave a Reply

Your e-mail address will not be published. Required fields are marked *