为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(基础)

只是设置<li></li>标签的class="active"或者class="disabled"还不够,还得嵌套上<a></a>
虽然这样实现了基本进度条效果,但对于残障人员浏览网页有点困难,所以我们可以将结构做得更好些(语义化更友好些):

<div class="progress">
<div class="progress-bar" style="width:40%;" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">40% Complete</span>
</div>
</div>
css3 的线性渐变
http://www.runoob.com/css3/css3-gradients.html
经过测量,,,,这些大概是60%,70%,40%,30%
alert-dismissable,也可以关闭警示框
alert-dismissable是用来设置padding-right: 35px;
一定要一字不落的写上去 句号不能掉啊
请把上一节学的响应式加进来
你试试用自己的bootstrap.min.css文件连接看看





qq_雨花石_114347427
我的浏览器,网格系统从头到尾都没效果,没有网格,都是一个div一行

已采纳回答 / 慕粉4086570
Bootstrap在页面宽度大于等于768px的情况下,control-label的文本采用右对齐方式,而之所以你去掉之后其位置也没有变化是因为你的label并未设置宽度,你可以在Bootstrap的css文件中找到.form-horizontal .control-label在其中加入width=100%文本就会右对齐了。而你说的颜色问题是因为这个颜色与.has-success .control-label挂钩,缺一不可。如图:<...图片...>

已采纳回答 / qq_an__0
<img class="img=responsive" alt="140X140" src="#" >
我觉得这段代码得改,当数字(如2%)比较小的时候还是会出现超出预期,就算上style里面设置了width
Bootstrap V2:功能不够激进,将响应功能作为可选样式表添加到整个框架中。
Bootstrap V3:放弃IE7;再次重写了图书馆,使移动设备优先
Bootstrap V4:放弃IE8,使用rem和em单位;用ES6重写了所有插件。
导航条是响应式的耶耶
就说分12个就行了,非要欺负我屏幕小
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消