注:以下代码不完整 无法显示特效 仅供提示记忆代码
1.清除浮动
<div class="clearfix visible-xs"></div>
前提:在超小屏幕显示
原因:visible-xs样式控制
2.关闭警告框
<div class="alert">
<button type="button" class="close" data-dismiss="alert"></button>
<strong>警告</strong>你输入的项目不合法!
</div>
即在button元素上添加 data-dismiss="alert"属性,那么单击该button按钮时会关闭该警告框。
3.显示默认隐藏的下拉菜单
<div class="button-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
我的书籍<span class="caret"></span>
</button>
<ul class="dropdown">
<li><a href="#">编程精讲</a></li>
<li><a href="#">设计模式</a></li>
<li><a href="#">启示录</a></li>
<li class="divider"></li>
<li><a href="#">深入理解</a></li>
</ul>
</div>