Bootstrat(一)

来源:互联网 发布:mac上怎么用office 编辑:程序博客网 时间:2024/05/16 19:30
     1.div 嵌套了若干个带有 'row' class 的 div用来创建 Bootstrap 网格的行。
    每个行都有一个带有 'col-x-y' class 的 div,用来创建列。x 的值可以是:用于移动设备的 xs、用于平板电脑的 sm、用于笔记本电脑和更小的桌面屏幕的 md,用于大的桌面屏幕的 lg。这是第一种方法。y 的值可以是任何正整数,但网格中列的总数必须不超过 12 个。
    行必须放置在 .container class 内,以便获得适当的对齐(和内边距。
    使用行来创建列的水平组。
    下面是 Bootstrap 网格的基本结构:
    <div class="container">
           <div class="row">
              <div class="col-*-*"></div>
              <div class="col-*-*"></div>      
           </div>
           <div class="row">...</div>
    </div>
    2.对于导航,Bootstrap 在容器层级中使用 'navbar' class。
    用'navbar-inverse' class 来改变导航栏的默认颜色,使用深色代替之前默认的浅色。'navbar-fixed-top' class 确保了当我们向下滚动 HTML 页面时,导航栏固定在顶部位置。    
0 0
原创粉丝点击