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.
Untitled

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>
Share

You may also like...