Bootstrap（一）认识Bootstrap

什么是Bootstrap？

Bootstrap是一个用于快速开发web应用程序和网站的前端框架。

 

Bootstrap的优点。

移动设备优先

所有浏览器支持

容易上手

响应式设计

内置组件

基于web定制的

开源

 

怎么使用Bootstrap

Bootstrap官网提供了三种使用方式

1.用于生产环境的 Bootstrap     编译并压缩后的 CSS、JavaScript 和字体文件。不包含文档和源码文件。

2.Bootstrap 源码    Less、JavaScript 和 字体文件的源码，并且带有文档。

3.Sass版   这是Bootstrap从Less到Sass的源码移植项目，用于快速地在 Rails、Compass 或 只针对 Sass 的项目中引入。

下载地址：https://v3.bootcss.com/getting-started/

也可以通过npm进行下载

npm install bootstrap@3

加载则使用require('bootstrap')

通过Bower进行下载   

bower install bootstrap

通过 Composer 进行安装

composer require twbs/bootstrap

 

Bootstrap学习树

布局

下拉菜单

分页器

列表组

附加导航

响应式实用工具

媒体

导航

工具提示

巨幕

弹出框

徽章

折叠

日期组件

模态框

滚动监听

缩略图

表单

轮播图

进度条

页头

 

我会逐步在每个扩展上更新链接的，如果有兴趣的可以去看一下，

希望这篇文章对大家有所帮助，可以的话帮忙点亮下旁边的小手，让更多人看到 ，

如果上述代码有错误和不足，请评论或私信，我好及时改正。