Live fluid grid example

The default Bootstrap grid system utilizes 12 columns.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.

    
Fourth 
    
Fourth 
    
Fourth 


    
Fourth 
    
Seventh 


    
Sixth 
    
Sixth 


    
Twelfth 

Fluid offsetting

Operates the same way as the fixed grid system offsetting: add offset="1->12" to any column to offset by that many columns.

    
 Fifth 
    
 Sixth offset 1 


    
 Sixth 
    
 Fifth offset 1 


    
 Seventh 
    
 Fourth offset 1