Bootstrap

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第29天，点击查看活动详情
一、Bootstrap 优缺点 bootstrap 优点： 1.bootstap 最近发布了 bootstrap4，拥有了 box-flex 布局等更新，紧跟最新的 web 技术的发展 2.比较成熟，在大量的项目中充分的使用和测试 3.拥有完善的文档，使用起来更方便 4.有大量的组件样式，接受定制

缺点： 1.如果有自己特殊的需求，就需要重新定制样式，如果一个网站中有大量的非 bootstrap“风格”的样式存在，那么你就需要做大量的 css 重写，因此也就失去了使用框架的意义。 2.会有兼容问题，虽然网上存在很多兼容 IE 的办法，但需要引入其他文件，有些还不小，势必导致加载速度变慢，影响用户体验。 Bootstrap 响应式布局是利用其栅格系统，对于不同的屏幕采用不同的类属性。在开发中可以只写一套代码在手机平板，PC 端都能使用，而不用考虑使用媒体查询（针对不同的设备分别写不同的代码）。Bootstrap 的官方解释：Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为做多 12 列。 栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局。

二、对于各类尺寸的设备，Bootstrap 设置的 class 前缀分别是什么 超小设备手机（<768px）：.col-xs- 小型设备平板电脑（>=768px）：.col-sm- 中型设备台式电脑（>=992px）：.col-md- 大型设备台式电脑（>=1200px）：.col-lg-

三、Bootstrap 如何设置响应式表格 增加 class="table-responsive"

四、使用 Bootstrap 创建垂直表单的基本步骤 1.向父

元素添加 role="form"； 2.把标签和控件放在一个带有 class="form-group"的