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 页面时,导航栏固定在顶部位置。
每个行都有一个带有 '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
- Bootstrat(一)
- 一
- 《一》
- 一
- 一
- 一...
- 一
- 一
- (一)
- 一
- 一。
- (一)
- 一
- 一
- 一
- 一
- 一
- 一
- Product of Array Except Self
- STL内存分配
- JUnit单元测试入门
- Java实现滚动字幕
- 黑马程序员——OC中的协议:protocol
- Bootstrat(一)
- Windows 设置护眼色的两种方法
- 列出display的值,并说明它们的作用
- 欢迎使用CSDN-markdown编辑器
- hdu 5429 Geometric Progression(高精度)
- 文件I/O实践(1) --基础API
- 适配iOS9https请求
- The Importance of Algorithms
- C++学习笔记17——函数重载