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

玩转Bootstrap(基础)

1.我是W3Cplus站长大漠,我在写BOOtstrap框中的媒体对象测试用例
2.大漠写的《玩转Bootstrap》系列教程即将会在慕课网上发布
3.W3cplus站上还有很多教程……
<div class="list-group">
<a href="##" class="list-group-item"><span class="badge">23</span>性能优化之PHP优化</a>
<a href="##" class="list-group-item"><span class="badge">34</span>Canvas绘图详解</a>
<a href="##" class="list-group-item"><span class="badge">5</span>玩转Bootstrap</a>

</div>
<ul class="list-group">
<li><a class="list-group-item" a href="##"><span class="badge">23</span>
性能优化之PHP优化</a>
</li>
<li><a class="list-group-item" a href="##"><span class="badge">34</span>
Canvas绘图详解</a>
</li>


</ul>
请把左边的导航区 章节 笔记 提问 挪个地方严重影响调试的页面最边上的都看不到

这个问题我在7-5节警示框--可关闭的警示框就想说了~ 在那一节上面写了好几个换行才看的效果~
大漠老师的课程很好,很简洁,配合他的bootstrap书籍阅读更直观,感谢老师。

已采纳回答 / april46
role原来是WAI-ARIA(the Accessible Rich Internet Applications Suite),可帮助访问Web内容和Web应用有困难的用户进行访问的方法(比如用静态的(screen-reading technologies)浏览器浏览用Ajax技术制作的动态网页), 用途是帮助残疾人,尤其是需要依靠屏幕阅读器和不能使用鼠标的用户。应用role属性可以设计出更加友好的网站应用。html5里面添加这个属性作为做辅助作用。(来自知乎)
class属性中要加入fade
<!--代码任务部分-->
<div class="panel panel-default">
<div class="panel-heading">要什么自行车</div>
<div class="panel-body">详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性
</div>
<div class="panel-footer">要什么手表</div>
</div>
瞧见了,,

已采纳回答 / 无独有偶偶xp
如果你用css样式修改了图片的大小,那么 .img-responsive 里面的max-width: 100%;height: auto;这个就没用了,因为你给图片设置了固定宽度,他的宽高就不会随着它父级容器的宽度变化了,
评论确实少了啊,,,才7个
如果把progress-striped active 加在最外层的div 就不用一个个的来控制这个斑马纹了 可以全部控制

我试了一下为啥不行~
不忍心的点了个赞 哈哈哈~ 我也是~
看错代码了~ .alert .alert-link 第六节有讲~ 忽略了中间的“.” 罪过罪过~
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消