Nesting columns

To nest your content with the default grid, add a new .row and set of .span* columns within an existing .span* column. Nested rows should include a set of columns that add up to the number of columns of its parent.
Untitled

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Tutorial</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="row">
		<div class="span9">
			Level 1 column
			<div class="row">
				<div class="span6">Level 2</div>
				<div class="span3">Level 2</div>
			</div>
		</div>
	</div>
</body>
</html>
Share

You may also like...