how bootstrap fit into our website design?

在web相关技术中,HTML代表了content,structure, CSS则负责styling,决定内容是如何展示的,javascript则主要负责interactive, behaviour。

在网站开发中一般流程就是先写html初步决定page的结构和内容,然后定义css应用到网页,调整展示的形式,最后对于交互性较强的内容则使用javascript来实现。

整个流程都一直是在上述三个方面不断迭代,直到满意为止。要设计开发一个满意的网页是需要花费不少精力在上面的迭代更改过程的。

那么有没有什么方法提高这个效率呢?现在前端框架中bootstrap非常流行,简单说下它是什么,如何引入到我们的工作流中去的。

bootstrap是twitter工程师做的一个前端框架,它预先定义了一套css style,以及很多实用的compenents(javascript plugins),在我们引入bootstrap后,

我们的工作主要就集中在HTML代码的设计,css直接引用预定义好的bootstrap类,希望用到的交互组件都可以在bs中直接引用,大大提高我们的效率。也就是说

bootstrap.css和bootstrap.js两个文件分别替代了我们上述自己开发网页的css,js文件