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>
<title>Bootstrap Tutorial</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
	<div class="row-fluid">
		<div class="span4">...</div>
		<div class="span8">...</div>

You may also like...