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
Equal Width Multi
Equal Width Multi
Auto Layout - 2
Auto Layout - 6
Auto Layout- 4
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