javascriptcssBootstrap Editor use requires a larger screen resolution. Resize your browser, or use a device with a larger screen (desktop or laptop). You can preview at smaller widths (phone / tablet), but the editing capability is disabled.
Switch to render view
preview container
row
|
8.3%
12.5%
25%
33%
41.6%
50%
58.3%
66%
75%
83.3%
91.6%
100%
|
Hero
well
|
|
<form>
|
h1
h2
h3
h4
small
|
icon
|
table
<hr>
label
badge
[media]
"Lorem ipsum.."
×
Starter Template
Click on one of the templates to begin
Simple
Slider
3 Columns
Default grid system
Live grid example
The default Bootstrap grid system utilizes 12 columns, making for a 940px wide container without responsive features enabled. With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.
1
1
1
1
1
1
1
1
1
2
3
4
4
5
9
Fluid grid system
Live fluid grid example
The fluid grid system uses percents instead of pixels for column widths. It has the same responsive capabilities as our fixed grid system, ensuring proper proportions for key screen resolutions and devices.
1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12
