<!DOCTYPE html> <html lang="en"> ... </html>
bootstrap页面都应该包含html5声明。
框架:
1.<div class="container"> 固定布局,实现的简单的中央布局的页面,默认为940px宽。
<body> <div class="container"> ... </div> </body>
2.<div class="container-fluid">流式布局,提供灵活的页面结构,定义了最小和最大宽度,拥有一个左边栏。很适合做应用和文档。
<div class="container-fluid"> <div class="row-fluid"> <div class="span2"> <!--Sidebar content--> </div> <div class="span10"> <!--Body content--> </div> </div> </div>
3.行的差分
<div class="row"> 12格基本差分 <div class="span4">...</div> <div class="span8">...</div> </div>
<div class="row">12格带偏移量的差分 <div class="span4">...</div> <div class="span4 offset4">...</div>中间相当于空了4个 </div>
<div class="row"> 列的内嵌 只需要在在一个存的的 span 中加入一个row 即可。fluid稍微有点不同 <div class="span12"> Level 1 of column <div class="row"> <div class="span6">Level 2</div> <div class="span6">Level 2</div> </div> </div> </div>
<div class="row-fluid"> <div class="span12"> Level 1 of column <div class="row-fluid"> <div class="span6">Level 2</div> <div class="span6">Level 2</div> </div> </div> </div>