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标签。
状态不好,以后抽空在看吧。
Learn in FCC(2)
最新推荐文章于 2024-11-08 15:41:32 发布