Implementing the Bootstrap Base CSS
In this section, we will take a look at the default styles used in the Bootstrap Base CSS listed as follows:
- Headings
- Body copy
- Inline elements
- Alignment classes
- Addresses
- Blockquotes
- Lists
- Tables
- Buttons
- Forms
- Code
- Images
- Font styles
Instead of wandering through loads of theory, you will learn the Base CSS practically by using numerous code examples.
Headings
Bootstrap headings include sizes that are multiples of the default ones:
- Heading level 1
<h1>
: It has a default font size of 38 px, which is approximately 2.70 times the default base font size of 14 px - Heading level 2
<h2>
: It has a default font size of 32 px, which is approximately 2.25 times the default base font size of 14 px - Heading level 3
<h3>
: It has a default font size of 24 px, which is approximately 1.70 times the default base font size of 14 px - Heading level 4
<h4>
: It has a default font size of 18 px, which is approximately 1.25 times the default base font size of 14 px - Heading level...