前端基础（5）bootstrap

1.bootstrap的特点

1）bootstrap的兼容性

可以兼容现在所有的浏览器，包括ie7以及ie8

2）bootstrap：响应式布局

可以支持pc端的各种分辨率的显示，也支持移动端

3）组件

Bootstrap提供了很多的组件，方便使用者

4）内置jQuery组件

Bootstrap提供了很多的jQuery的插件

5）支持html5及css3

6）支持less动态样式

 

2.bootstarp的结构

bootstrap/

├── css/

│ ├── bootstrap.css

│ ├── bootstrap.css.map

│ ├── bootstrap.min.css

│ ├── bootstrap-theme.css

│ ├── bootstrap-theme.css.map

│ └── bootstrap-theme.min.css

├── js/

│ ├── bootstrap.js

│ └── bootstrap.min.js

└── fonts/

├── glyphicons-halflings-regular.eot

├── glyphicons-halflings-regular.svg

├── glyphicons-halflings-regular.ttf

├── glyphicons-halflings-regular.woff

└── glyphicons-halflings-regular.woff2

主要分为3大部分：：css(样式)、js(脚本)、fonts(字体)。

备注：npm不添加对bootstrap没影响

 

3.api

https://v3.bootcss.com/javascript/#mdo

 

4.实例

待续.....