Fluid nesting

Fluid grids utilize nesting differently: each nested level of columns should add up to 12 columns. This is because the fluid grid uses percentages, not pixels, for setting widths.
Untitled

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Tutorial</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="row-fluid">
		<div class="span12">
			Fluid 12
			<div class="row-fluid">
				<div class="span6">
					Fluid 6
					<div class="row-fluid">
						<div class="span6">Fluid 6</div>
						<div class="span6">Fluid 6</div>
					</div>
				</div>
				<div class="span6">Fluid 6</div>
			</div>
		</div>
	</div>
</body>
</html>
Share

You may also like...