BootStrap知识总结

一、Bootstrap简介

        Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JavaScript的。

二．Bootstrap 特点

        (1)**跨设备、跨浏览器：**可以兼容所有现代浏览器，包括比较诟病的IE7、8。

        (2)**响应式布局：**不但可以支持PC端的各种分辨率的显示，还支持移动端PAD、手机等屏幕的响应式切换显示。

        (3)**提供的全面的组件：**Bootstrap提供了实用性很强的组件，包括：导航、标签、工具条、按钮等一系列组件，方便开发者调用。

        (4)**内置 jQuery：**插件Bootstrap提供了很多实用性的jquery插件，这些插件方便开发者实现Web中各种常规特效。

        (5)**支持 HTML5、CSS3：**HTML5语义化标签和CSS3属性，都得到很好的支持。

        (6)**支持 LESS 动态样式：**LESS使用变量、嵌套、操作混合编码，编写更快、更灵活的CSS。它和Bootstrap能很好的配合开发。

三、栅格系统

        栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。

        参数 Bootstrap3

         

        参数 Bootstrap4

 

四、Bootstrap全局CSS样式

1、CSS Reset

*{box-sizing:border-box;}

box-sizing:content-box;/默认值/=margin+border+padding+width

box-sizing:border-box;/推荐使用/=margin+width

2、按钮

.btn{padding: ;border: ;}

.btn-default{color: ;background: ;border-color: ;}

（1）五种带有预定义样式的按钮：

.btn-danger（危险） .btn-success（成功） .btn-wa