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.

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

You may also like...