Bootstrap用户界面与交互架构

Twitter里面的开发者和设计师做出来的一套用于网页上面的用户界面和交互的架构。架构的意思就是把经常用到的一些东西事先给你编写好，需要的时候可以直接去调用。

比如说你想去设计页面的布局，你需要去计算网页的宽度，然后呢手工地把布局需要用的css代码给写出来。Bootstrap呢内置了一套网格布局的系统，你只需要在元素中使用设计布局相关的网格的类，不需要你手工地去写布局使用的css代码了。

再比如说你想在网页中出现一个按钮，通常你需要先用图形设计工具软件去设计这样一个按钮，然后用html和css代码把它实现出来，那么在网页中使用bootstrap架构的话，我们可以直接在元素中使用bootstrap架构为我们写好的按钮相关的类，这样就可以立即在网页中出现一个漂亮的按钮。

Bootstrap还允许我们去控制这个按钮的颜色，大小，边框等等。

Bootstrap包含了很多经常在网页中用到的设计，表格，表单，导航栏，按钮，分页器，导航路径等等。

Bootstrap还提供了很多交互的插件，比如说：对话框，下拉菜单，工具提示，选项卡等等。这些你都可以直接去使用，你只需要按照bootstrap设计好的方式，先把代码的结构写出来，然后在元素上使用相应的类。剩下的事呢，bootstrap都会为你做好。这就让我们的工作变得非常简单，下面我们就一起来学习bootstrap的使用架构。

总结：css类+交互插件=bootstrap架构