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

玩转Bootstrap(基础)

使用的时候,只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”,并且和普通的按钮放在同一级。
可是下拉菜单那课说的是data-toggle值必须和最外容器类名一致,所以请问为什么这里的data-toggle还是用的dropdown,而不是现在用的容器:btn-group呢?
这节讲的不太清楚
class="col-xs-6 col-md-3"的意思是在小屏幕时,一排显示两个缩略图,而大屏幕时一排显示四个缩略图
<div class="col-md-2">.col-md-3</div> 应该是 <div class="col-md-2">.col-md-2</div>
设置了tabindex="-1",按esc才有反应
三角形向上,有两个条件:

1.用.caret类;

2.在外层div添加类: .dropup
.btn-group 元素是内联元素

.dropdown 元素是块状元素
<button type="button" class="dropdown-toggle btn btn-default" data-toggle="dropdown">
选择你喜欢的水果
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a>苹果</a></li>
<li class="active"><a>苹果</a></li>
<li class="disabled"><a>苹果</a></li>
使用的时候,只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”,并且和普通的按钮放在同一级。
虽然用div看起来比较简洁,但html追求的是语义,所以对搜索引擎来说,<ul>比较友好
不加type="button",ie会默认成type="submit"
bootstrap真方便!
什么叫8-4列
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消