我想第一次使用自舉腳手架，並想知道我是否可以做到這一點。 <header class="row"></header> // this covers browsers width <div id="main-container" style="maring:auto; max-width:1200px"> I want this to be centered and not more than 1200px <div class="row" class="span12" id="main"> </div> </div> 這個想法是，我想獨立地在我的html文檔中的不同區域使用腳手架功能，我可以做到這一點，或者我被迫去整個頁面的角度？自舉腳手架限制
嗯..你會想的第一件事就是開始與此：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
你不必做整個頁面，你只需把它掛在任何你想要的。
<!-- The container is necessary for your rows -->
<div class="container">
<!-- Each row will hold a row of 'spans' -->
<div class="row">
<!-- This will center whatever content you want. -->
<div class="offset2 span8">
</div>
</div>
</div>