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 页面时,导航栏固定在顶部位置。
每个行都有一个带有 '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 页面时,导航栏固定在顶部位置。