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

玩转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一行
我觉得这段代码得改,当数字(如2%)比较小的时候还是会出现超出预期,就算上style里面设置了width
Bootstrap V2:功能不够激进,将响应功能作为可选样式表添加到整个框架中。
Bootstrap V3:放弃IE7;再次重写了图书馆,使移动设备优先
Bootstrap V4:放弃IE8,使用rem和em单位;用ES6重写了所有插件。
导航条是响应式的耶耶
就说分12个就行了,非要欺负我屏幕小
http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg

帮你找回害羞的小女孩
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消