Bootstrap

1. Bootstrap Scaffolding. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
What Is Bootstrap? 1
Bootstrap File Structure 2
Basic HTML Template 2
Global Styles 3
Default Grid System 3
Basic Grid HTML 4
Offsetting Columns 4
Nesting Columns 5
Fluid Grid System 5
Container Layouts 6
Responsive Design 6
What Is Responsive Design? 7
2. Bootstrap CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Typography 9
Headings 9
Lead Body Copy 10
Emphasis 11
Bold 11
Italics 11
Emphasis Classes 11
Lists 15
Code 17
Tables 18
Optional Table Classes 19

Table Row Classes 20
Forms 21
Optional Form Layouts 22
Supported Form Controls 24
Extended Form Controls 27
Form Control Sizing 29
Form Control States 32
Buttons 34
Button Sizes 35
Disabled Button Styling 36
Images 37
Icons 38
GLYPHICONS Attribution 39
Usage 39
3. Bootstrap Layout Components. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
Dropdown Menus 41
Options 42
Button Groups 42
Button Groups as Radio Buttons and Checkboxes 44
Buttons with Dropdowns 44
Split Button Dropdowns 45
Dropup Menus 46
Navigation Elements 46
Tabular Navigation 47
Basic Pills Navigation 47
Stackable Navigation 48
Dropdowns 49
Navigation Lists 50
Tabbable Navigation 51
Navbar 54
Navbar Links 54
Forms 55
Navbar Menu Variations 55
Breadcrumbs 58
Pagination 59
Pager 61
Labels 62
Badges 62
Typographic Elements 63
Hero Unit 63
Page Header 63