Learning Bootstrap

Chapter 1: Getting Started with Bootstrap 7
Mobile-first design 7
Why Bootstrap 9
Summary 11
Chapter 2: Installing and Customizing Bootstrap 13
Including Bootstrap in your HTML file 14
The Bootstrap CDN 16
Overriding with custom CSS 18
Using the Bootstrap customizer 21
Deep customization of Bootstrap 22
Downloading the Bootstrap source code 24
Compiling LESS files 26
Using SimpLESS to compile LESS files 26
Using WinLess to compile LESS files 27
Using the command line to compile LESS files 28
Putting it all together 28
Summary 36
Chapter 3: Using the Bootstrap Grid 37
Using the Bootstrap Grid classes 38
Adding rows and columns 39
Customizing the grid for small devices 42
Adding offsets to columns 44
Pulling and pushing columns 46
Nesting columns 47
Using the Bootstrap variables and mixins 50
Bootstrap Grid variables 50
Bootstrap Grid mixins 50

[ ii ]
Creating a blog layout with the Bootstrap Grid mixins and variables 51
Styling the blog 56
Summary 62
Chapter 4: Using the Base CSS 63
Implementing the Bootstrap Base CSS 63
Headings 64
Body copy 68
Typographic elements 69
Emphasis inline elements 69
Alignment classes 70
Emphasis classes 72
Addresses 74
Blockquotes 75
Abbreviations 77
Lists 78
Tables 82
Basic styling 82
Buttons 86
Forms 88
Inline forms 90
Horizontal forms 92
Code 93
Images 94
Font families 95
Sans-serif font family 95
Serif font family 96
Monospace font family 96
Font sizes 96
Font sizes variables 96
Font sizes for headings 97
Customizing the Base CSS using LESS variables 97
Summary 101
Chapter 5: Adding Bootstrap Components 103
Components and their usage 104
Glyphicons 104
Nav tabs 107
Nav pills 109
Justified tabs and pills 110
Dropdowns 111
Navbar 113
Breadcrumbs 116
Summary 117