Learn in FCC(2)

 2023-09-05 阅读 53 评论 0

摘要:Responsive Design with Bootstrap1.Bootstrap可以根据你的屏幕大小来调整HTML元素,所以叫响应式设计。用这个就不用再为移动设备重新写页面代码。 使用之前,引入其css库<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/boots

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

转载于:https://www.cnblogs.com/rhzhou/p/5059057.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/4/1286.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息