bootstrap有什么优点

第一段：响应式设计

Bootstrap 的一个最大的优点是可以做到响应式设计，也就是说，可以在不同的设备上显示不同的界面、样式。Bootstrap 默认提供了四种设备尺寸，分别是： 超小屏幕手机(<576px)、小屏幕设备(≥576px)、中等屏幕设备(≥768px)、大屏幕设备(≥992px)。在 CSS 中，我们可以用 @media 查询来实现断点设置，比如当设备宽度小于 576px 时，显示大标题，如下代码所示：

@media (max-width: 576px) {
  h1 {
    font-size: 2em;
  }
}

第二段：UI 组件实现简单

UI 组件是 Bootstrap 中最常用的功能之一，比如按钮、表单、导航、弹窗、进度条等等，Bootstrap 中都能够找到对应的组件。同时，因为 Bootstrap 的各个组件都是用 HTML、CSS、JavaScript 实现的，所以可以直接引用这些组件，也可以根据自己的需求修改这些组件。

  Left
  Middle
  Right

第三段：兼容性好

Bootstrap 还有一个优点是兼容性好，因为它经过了广泛的测试和使用，同时考虑到了市面上主流的浏览器，所以可以不用担心兼容性问题。Bootstrap 官网上有一个兼容性测试的页面，可以针对不同浏览器和不同版本进行测试。

//在 head 中引入 Bootstrap 样式

//在 body 底部引入 Bootstrap JS

第四段：文档和样式丰富

Bootstrap 还有一个优点是文档和样式丰富，因为有大量的资料和示例可供参考，可以帮助程序员更好地使用 Bootstrap。而且，Bootstrap 还提供了多种主题样式供用户选择，方便定制化 UI 设计。

//Bootstrap 红色主题样式