bootstrap怎么使用比较合适？

Question

使用bootstrap做了几个项目，期间也各种参考别人的项目，但是对bootstrap的使用一直有一个非常疑惑的地方。
参考的几个项目都是在项目中引入了bootstrap, 但是并没有使用bootstrap相关的类和样式，比如参考的项目中会自己实现nav导航等，貌似只是在项目中使用了一下container、col-md-*这几个类，很疑惑既然使用了bootstrap为什么不用自带的组件，然后自己写样式对组件进行定制以便满足自己的需求，而是从头到尾都自己写？

Answer 1

除了 Bootstrap，我还用过 Semantic UI、Material Design Lite 等几个库。一般来说这类前端库适合以下场景：

1. 项目没有专职的视觉设计师

2. 可以接受库里提供的样式或仅需稍作改动

3. 库提供的样式和组件大部分可以覆盖项目需求

不适合以下场景：

1. 项目中有专职的视觉设计师

2. 项目设计中有大量自定义的样式、元素、部件

3. 库提供的样式和组件无法覆盖需求

如果项目有自己一套设计，而且和库提供的基础样式差别较大，自己造轮子就是第一选择。同时，库里提供 Grid 系统和布局系统因为与样式无关，而且通常响应式做的比较好，这部分就不用造轮子了，所以会出现只用布局系统而不用组件的情况。

另外，组件除了有视觉效果之外还可能有大量交互效果，其中有些也是没必要自己造轮子的，而视觉部分只需要简单覆盖一些 CSS 就可以改得「面目全非」。

有些你觉得没有用 Bootstrap 组件的网站也可能是自己改造了 CSS，但组件本身还是 Bootstrap 提供的。

Answer 2

比较适合没有视觉要求的项目，比如管理后台这种。

Answer 3

我一般把bootstrap的布局那部分单独拿出来用，其他的一概不要，在做一些非管理后台系统的时候，页面样式自定义程度较高，整个bootstrap引进来反而不怎么方便了。

Answer 4

我们当时用bootstarp
1 主要是可以响应式设计，现在什么屏幕宽度都有，还有兼容手机等，所以这点很重要。
2 浏览器兼容性很重要，当jquery出现时解决了js的兼容性，bootstarp刚好解决了很多css的兼容性。
2 bootstarp中有很多有用的插件。
3 便于开发，易于开发 ，快速开发