Grid System

2.2 Basic Typography 2.3 Text Alignment & Display 2.4 Floats & Position 2.5: Colors & Background 2.6 Spacing 2.7 Sizing 2.8 Breakpoints
3.2 Buttons 3.3 Navbar 3.4 List Groups & Badges 3.5 Forms 3.6 Input Groups 3.7 Alerts & Progress 3.8 Tables & Pagination 3.9 Cards 3.10 Media Objects 3.11 Jumbotron
4.2 Grid System 4.3 Grid Alignment 4.4 Flexbox 4.5 Auto Margins & Wrap
5.2 Carousel 5.3 Collapse 5.4 Tooltips 5.5 Popovers 5.6 Modals 5.7 ScrollSpy
  • 6 column on small screens
  • 8 column on medium screen
  • 9 column on large screen
  • 10 column on xlarge screen
  • 6 column on small screens
  • 4 column on medium screen
  • 3 column on large screen
  • 2 column on xlarge screen
Equal Width
Equal Width
Equal Width
Equal Width
Equal Width Multi
Equal Width Multi
Foo!
Equal Width Multi
Equal Width Multi
Auto Layout
Auto Layout
Auto Layout
Equal Width Stack
Equal Width Stack
Equal Width Stack
First
Second
Third
.col-md-6 .offset-md-3
.col-md-4
.col-md-4 .offset-md-4
.col-md-3 .offset-md-3
.col-md-3 .offset-md-3
Level 1: .col-sm-9
Level 2: .col-8 .col-sm-6
Level 2: .col-4 .col-sm-6