bootstrap怎么使用比较合适？

问题描述

问 题

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

解决方案

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

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

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

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

不适合以下场景：

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

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

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

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

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

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

这篇关于bootstrap怎么使用比较合适？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！