detail

注:以下代码不完整 无法显示特效 仅供提示记忆代码

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>

原文地址:https://www.cnblogs.com/zhouyx/p/4241567.html