Bootstrap

bootstrap的介绍

响应式设计，自动适配各个屏幕。

基于HTML，CSS，JS的前端框架，可以快速开发web项目，网站或应用程序

好处：容易上手，开发快速，缩短开发前端的时间。

如何使用Bootstrap

首先说明白了，是基于JavaScript的，所以要引入js，然后才是bootstrap的本体，注意的是引入的是要在dist的目录下的bootst.js。千万不要搞错。

然后就是引入css，这里也要注意引入的目录也是dist下的，但是文件名是css/bootstrap后缀是css。

介绍里面的方法

注意的是bootstrap是利用类选择器封装的js和css代码，所以大部分使用时组件都需要class属性

1.格栅布局：

 2.工具类：

 

3.组件：

这里我就挑一些重要的组件讲，因为里面的组件太多。

3.1：按钮（buttons）

        3.1.1：悬浮变色（.btn-outline-primary）

        3.1.2：大小(.btn-lg)

3.2：列表组（list group）

        3.2.1：水平列表（list-group-horizontal）

        3.2.2：链接按钮（list-group-item-action）

        3.2.3：纵向分类（list-group>  ||  list-group-item）

注意：列表组可以做网站内容分类；但是不适合做二级标签

3.3：模态框（Modal）

        3.3.1：