bootstrap基础知识点YI 

    <!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>

posted on 2013-08-13 15:40  huilange  阅读(239)  评论(0)  编辑  收藏  举报

导航