前端基础(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.实例

待续.....

猜你喜欢

转载自www.cnblogs.com/gg128/p/9612449.html