bootstrap资源:
bootstrap官方网站
bootstrap的github首页
bootstrap中文网站
[1] 在引用bootstrap的js文件前,先引用jquery文件js,因为其建立在jquery基础上。
[2]
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
第一个提高渲染属性;第二个是针对viewport,移动端。
【3】bootstrap栅格系统
容器
- container-fluid 流体布局
- container
- 固定布局
- 1170
- 970
- 750
- auto
根据不同的分辨率而不同
概念
- 分12列
-row
-col
- 阈值
- 1200>=
- 992>=
- 768>=
- 786<
attention:一个网页里可以同时用到两种容器,但是尽量不要出现嵌套关系。