Bootstrap Grid Generator

How to Use

  1. Enter the number of rows you want in your grid
  2. Enter the column sizes separated by commas (must sum to 12)
  3. Examples of valid column combinations:
    • 4,4,4 (three equal columns)
    • 6,6 (two equal columns)
    • 3,6,3 (wider middle column)
    • 8,4 (two-thirds, one-third split)
  4. Click "Generate Grid" to see your Bootstrap grid layout

Note: Bootstrap's grid system is based on a 12-column layout. The numbers you enter for columns must add up to 12 for a valid grid row.