Bootstrap

Bootstrap

学习bootstrap参考文档：

Bootstrap中文网 (bootcss.com)

一、页头（page-header）、fotter、巨幕（jumbotron）：

二、table:

1、原始表格样式：

 

2、添加table类，样式：

3、边线样式：

4、鼠标经过：

5、紧缩样式：

三、按钮：

1、原始按钮样式：

  

2、添加btn类，样式：

 

3、默认样式

  

4、primary样式       颜色

  

info为天蓝色，success为绿色

         

5、按钮变大：

6、按钮变小：

四、图片形状

五、文本颜色

六、背景颜色

七、下拉菜单

Bootstrap的js依赖于jQuery，因此一定要要引入jQuery，且要在前面引入

八、tab切换

九、bootstrap的栅格布局

1、12列，多了放不下，会换行

2、3*3：一个占4个

3、对半分：一个占6个

4、两端效果：

第一个占3个，第二个占3个，偏移6个

5、居中效果：

6、响应式布局

正常大小占6个，偏移三个，就是在中间。小屏幕占据10个，偏移两个