Bootstrap 小结

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架,Bootstrap具有移动设备优先、浏览器支持良好、容易上手、响应式设计等优点。因为Bootstrap 使用了一些 HTML5 元素和 CSS 属性，使用Bootstrap时，需要使用 HTML5 文档类型（Doctype）。

 

辅助类text-muted/text-primary/text-success/text-info/text-warning/text-danger

 

在bootstrap中，关于弹性布局的属性

•  flex：伸缩性、flex-direction：伸缩流动性、 justify-content：主轴对齐、 flex-wrap：伸缩换行，不是flex-container，没有这个方法

 

想要在超小屏幕和小屏幕显示两列，在中屏幕和大屏幕显示三列， 三个div的class正确的写法是 : col-xs-6 col-md-4  col-xs-6 col-md-4， col-xs-6 col-md-4

 

img-responsive类可以让图片支持响应式布局， 它的实现原理是：设置了max-width：100%和height：auto

 

导航条在小屏幕会被折叠，实现显示和折叠功能的按钮需要加，折叠按钮加data-toggle='collapse'， 折叠容器需要加collapse类