Bootstrap设计原理

1. Bootstrap做者设计它目的是什么，或者说它想解决什么问题。

如下是Bootstrap官网对Bootstrap的解释。

1.1 Bootstrap2

简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。

1.2 Bootstrap3

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

1.3 Bootstrap4

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。

2x与3x的区别，3x开始默认移动端优先，也就是默认把这个网页看成是移动端的，这样的好处是，不过你是否是移动端我都只须要一开始写上view就能够了。

从最初的目的来看Bootstrap主要是让使用者能够快速的开发出一个网站来，而且同时还具有响应式的功能，从这两点出发的话，使用Bootstrap来开发网站确定会比较囊肿一些，由于它的主要目的是快速，天然就会集成不少的组件，但你也许并不须要，虽然咱们能够手动将本身须要的代码copy过来，但相对来讲仍是麻烦了些，总的来讲它比较适合那些想要快速开始，而且不须要特别精确的项目。

2. 在使用bootstrap的js模块时必须引入jquery，那么为何它不直接集成在内部，而是让咱们本身去引入？

若是直接集成在bootstrap中，若是你项目使用的是其余版本的jquery，那么可能就会起冲突，全部干脆让使用者本身引入。

3. 为何偏移要根据列偏移

由于做者也不知道你要偏移多少啊。

4. 为何boostrap能够应用不一样尺寸的样式。

由于那些col是设置在媒体查询里面的。

5. class写两个仍是一个好？如:

<button class="btn btn-error"></buttn>

仍是

<button class="btn-error"></buttn>

起两个的话比较直观，可是比较麻烦，若是用一个能够使用属性选择器，判断里面是否包含btn，经过这个给予基本样式，但也有个问题是若是想在js中获取这个元素就比较麻烦一些，细细想来若是要深挖，只写一个仍是存在着一些问题，最终考虑仍是写两个比较好。

6. 为何禁用样式不直接给disabled设置而是给其余颜色class设置

这样多是为了单一职责，由于disabled只是为了禁用的，并且若是咱们直接给disabled设置，咱们也不肯定什么颜色和如今的样式匹配。

7. bootstrap为何要给container设置左右padding而后又给row设置父margin来抵消container的padding。

也许是做者默认想留一点空隙，但若是里面有col的话，col通常会给内填充，那样的话第一个和最后一个的间距就会比其余的大，所以这样设计仍是比较合理的。