这里是修真院前端小课堂，每篇分享文从
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】
八个方面深度解析前端知识/技能，本篇分享的是：
【 bootstrap 有哪些常用组件？】
【修真院 web（职业）小课堂】课题名称
bootstrap 有哪些常用组件？
大家好，我是 IT 修真院 郑州分院第 14期的学员 王亚龙，今天给大家分享一下，修真院官网 web（职业）任务 8，深度思考中的知识点——bootstrap 有哪些常用组件
（1）背景介绍：
Bootstrap
是美国 Twitter 公司开发的简洁、直观、强悍的 前端开发框架，作用呢使得 Web 开发更加快捷。 Bootstrap 提供了优雅的 HTML 和 CSS 规范，它即是由动态 CSS 语言 Less 写成。Bootstrap 一经推出后颇受欢迎，一直是 GitHub 上的热门开源项目 国内一些移动开发者较为熟悉的框架，如 WeX5 前端开源框架等，也是基于 Bootstrap 源码进行性能优化而来。
（2）知识剖析：
目前常用的 bootstrap 组件：
轮播图
导航栏
下拉菜单
3）常见问题：
1,背景颜色怎么更改
2,使用 bootstrap 是需要注意的问题
3.导航栏左右内容控制
（4）解决方案：
1,背景颜色怎么更改
直接在开发者工具里找到其属性进行修改
2,使用 bootstrap 是需要注意的问题
bootstrap 文件里面有很多默认设置，可能会在页面上起作用，这个要注意一下。 还有就是. 当我们引入 bootstrap.js 和 jquery.js 文件时我们要注意引入该文件的先后顺序，要先引入 jquery.js 在引入 bootstrap.js 按照这样的顺序来引入文件， 否则就会报错。 因为 bootstarp.js 文件的开发是基于 jquery 开发的，所以要先引入 jquery.js 才可以使用 bootstrap。 而且引入网上 cdn 的话要注意 http 和 https 的区别，有时候应用不对的话也会报错
3.导航栏左右内容控制
ML-AUTO将其拉到NAVBAR-NAV右边，MR-AUTO将它拉到左边
（5）编码实战
PreviousNext
（6）拓展思考：
如何处理现有插件不能满足需求的问题
bootstrap 可以根据需要定制，BootStrap 提供了根据自己需要的组件及 jquery 插件进行定制，使用者也可以直接修改 Less 源码。
如果不想整体上修改，也可以在组件上直接添加一个自定义的类，来覆盖 bootstrap 的默认属性。 需要注意的是 bootstrap 的样式权重很高，有可能需要我们使用! important 来增加权重
7）参考文献：
参考一： bootstrap中文网
参考二： 菜鸟教程
（8）更多讨论：
1，更改轮播图时间
如果使用编译的 CSS，则可以在编译或自定义样式之前.carousel-item使用$carousel-transitionSass变量更改过渡时间。如果应用了多个转换，请确保首先定义转换转换（例如transition: transform 2s ease, opacity .5s ease-out）
2.更改按钮样式要注意什么
更改是要注意其中的背景颜色，阴影效果。文字颜色，hover效果等
更多内容，可以加入IT交流群565734203与大家一起讨论交流
这里是技能树·IT修真院：https://www.jnshu.com，初学者转行到互联网的聚集地