蓝鸥8.11

到今天为止，我们学习的第二阶段也算是告一段落，老师也把前两天学到的知识再给我们回顾了一遍，比如动画animation，还有一些css3属性样式等。前面我有写过也就不再一一在列出来。回顾一遍后就开始了今天的主要任务，了解一下bootstrap辅助程序的相关样式。如同之前学到的引用动画库一样，这里就是不用再像以前一样一步一步的布局，再添样式，只需要在我们编好的相应标签里填几个类名就行了，具体的样式在bootstrap里面都已经有大神设计好了，一整套的css样式，我们直接引用就行了。

这里就主要提几个，毕竟接触的很短时间，所以想要全面的讲述是不可能的，我就尽量说一下吧。

1、先是讲到关于构造框架的样式，类container，样式为把容器分成12份（一般都是12份），子级标签类row，一行的内容，他的子级标签类col-md-4表示在该行占4份。。

比如我要做一个一行4列的框架，就可以：<div class="container">

<div class="row">

/*一列占3份*/

<div class="col-md-3"></div>

<div class="col-md-3"></div>

<div class="col-md-3"></div>

<div class="col-md-3"></div>

</div>

</div>

2、下拉列表，类名为dropdown下拉列表,dropdown-toggle下拉列表开关,dropdown-menu下拉列表菜单,btn按钮默认样式,btn-default按钮特殊样式，，还有属性data-dropdown="dropdown"具体演示为：

<div class=“dropdown”>

<button class="btn btn-default  dropdown-toggle " data-toggle="dropdown">下拉列表<span class="caret"></span></button>

<ul class="dropdown-menu">

<li><a href="#">列表1</a></li>

<li><a href="#">列表2</a></li>

</ul>

</div>

等等具体其他各样式类我也就不一一介绍了等到到时用时再说。但前面的以及没有谈及到的样式实现类要想实现功能还得把bootstrap样式库以及js库jq库放入要编的html文件中。这样就一切OK了，这样一来，你想做什么样式就可以引入相关样式的类，为以后编码省事省时便利。加油！