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> 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:h1 Bootstrap heading (36px)
h2 Bootstrap heading (30px)
h3 Bootstrap heading (24px)
h4 Bootstrap heading (18px)
h5 Bootstrap heading (14px)
h6 Bootstrap heading (12px)
<small>
In Bootstrap the HTML <small> element is used to create a lighter, secondary text in any heading:
<small> element is used to create a lighter, secondary text in any heading:<mark>
Bootstrap will style the HTML <mark> element in the following way:
<mark> element in the following way:<abbr>
Bootstrap will style the HTML <abbr> element in the following way:
<abbr> element in the following way:<blockquote>
Bootstrap will style the HTML
<blockquote> element in the following way:Contextual Colors and Backgrounds
Bootstrap also has some contextual classes that can be used to provide "meaning through colors".
The classes for text colors are:
.text-muted, .text-primary, .text-success, .text-info, .text-warning, and .text-danger:
The classes for background colors are:
.bg-primary, .bg-success, bg-info, bg-warning, and .bg-danger:
No comments:
Post a Comment