目录

1. 背景介绍

2. 知识剖析

3. 常见问题

4. 解决方案

5. 编码实战

6. 扩展思考

7. 参考文献

8. 更多讨论

一、背景介绍

Bootstrap
是美国  Twitter 公司开发的简洁、直观、强悍的 前端开发框架，作用呢使得 Web 开发更加快捷。   Bootstrap 提供了优雅的 HTML 和 CSS 规范，它即是由动态 CSS 语言  Less 写成。Bootstrap 一经推出后颇受欢迎，一直是  GitHub 上的热门开源项目   国内一些移动开发者较为熟悉的框架，如  WeX5 前端开源框架等，也是基于 Bootstrap 源码进行性能优化而来。

二、知识剖析

目前常用的 bootstrap 组件：

• 轮播图
• 下拉菜单
• 响应式导航栏

1.轮播图

2.下拉菜单

3.响应式导航栏

三、常见问题

1,背景颜色怎么更改

2,使用 bootstrap 是需要注意的问题

3.导航栏左右内容控制

四、解决方案

ml-auto将其拉到navbar-nav右边，mr-auto将它拉到左边。

使用 bootstrap 的注意事项

bootstrap 文件里面有很多默认设置，可能会在页面上起作用，这个要注意一下。 还有就是. 当我们引入 bootstrap.js 和 jquery.js 文件时我们要注意引入该文件的先后顺序，要先引入 jquery.js 在引入 bootstrap.js 按照这样的顺序来引入文件， 否则就会报错。 因为 bootstarp.js 文件的开发是基于 jquery 开发的，所以要先引入 jquery.js 才可以使用 bootstrap。 而且引入网上 cdn 的话要注意 http 和 https 的区别，有时候应用不对的话也会报错

五、编码实战

六、拓展思考

如何处理现有插件不能满足需求的问题

bootstrap 可以根据需要定制，BootStrap 提供了根据自己需要的组件及 jquery 插件进行定制，使用者也可以直接修改 Less 源码。

如果不想整体上修改，也可以在组件上直接添加一个自定义的类，来覆盖 bootstrap 的默认属性。 需要注意的是 bootstrap 的样式权重很高，有可能需要我们使用! important 来增加权重.

七、参考文献

参考一： bootstrap中文网

参考二： 菜鸟教程

八、更多讨论

感谢观看