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.
Basic fluid grid HTML
Make any row “fluid” by changing .row to .row-fluid. The column classes stay the exact same, making it easy to flip between fixed and fluid grids.
<!DOCTYPE html> <html> <head> <title>Bootstrap Tutorial</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="row-fluid"> <div class="span4">...</div> <div class="span8">...</div> </div> </body> </html>