标签：
Responsive Design with Bootstrap
1.Bootstrap可以根据你的屏幕大小来调整HTML元素，所以叫响应式设计。用这个就不用再为移动设备重新写页面代码。
使用之前，引入其css库<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>。
第一题使用"container-fluid"class。这东西应该是规定一个整体布局。
2. class="img-responsive"。响应式图片。
3.class="text-center" 。文字居中。
4.class="btn"。漂亮一点儿的按钮。这里使用的元素是button，而不是input。区别是前者内部可以放置文本和图像。后者估计放不了图像。
5.class="btn-block"。 按钮块，会占一正行。它的效果与btn并不重叠，所以同时还要用btn。
6.class="btn-primary"。按钮风格，深蓝色。其他的还有info（浅蓝色）,success(绿色),danger（红色）,warning（黄色）等。
7.class="btn-info"。
8.class="btn-danger"。
9.这题讲了Bootstrap的网格系统。有一点值得注意，这里的列使用的是class为col-md(xs)-*的div元素。之前我在w3cschool(runoob)中看的也是这个，但今天在打开，忽然就改版了，变成了使用span*。
10.这一题只是把css那一章中所写的一些cssstyle删掉，改成使用Bootstrap中的css。
11.这一题只是讲了下span标签。
状态不好，以后抽空在看吧。
标签：
原文地址：http://www.cnblogs.com/rhzhou/p/5059057.html
