Learn in FCC(2)

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标签。
 状态不好,以后抽空在看吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值