zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    【训练题】最优比率生成树 P1696
    2019/9/15 校内模拟赛 考试报告
    b 解题报告
    HDU4714 Tree2cycle 解题报告
    2019/9/2 校内练习赛 考试报告
    2019/8/31 校内模拟赛 考试报告
    2019/8/29 校内模拟赛 考试报告
    康托展开
    洛谷P3807卢卡斯定理
    矩阵
  • 原文地址:https://www.cnblogs.com/huilange/p/3255246.html
Copyright © 2011-2022 走看看