-
<div class="dropdown">
<button class="btn btn-default dropdown-toggle " type="button" id="dropdownMenu1" data-toggle="dropdown">
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li class="dropdown-header">菜单标题</li>
<li><a href="#" role="menuitem" tabindex="0"></li>
</ul>
<div>
查看全部 -
<ol>
<li>有序列表一</li>
<li>有序列表一
<ul class="list-unstyled">
<li>有序二级列表一</li>
<li>有序二级列表一
<ul>
<li>无序三级列表一</li>
<li>无序三级列表一
<ul class="list-unstyled">
<li>无序四级列表一</li>
<li>无序四级列表一</li>
</ul>
</li>
<li>无序三级列表一</li>
</ul>
</li>
<li>有序二级列表一</li>
</ul>
</li>
<li>有序项目列表三</li>
</ol>
查看全部 -
<li class="divider"></li>
查看全部 -
<span class="glyphicon glyphicon-fire" ></span>
加上内联样式,一个红色的火焰图标
查看全部 -
<span class="glyphicon glyphicon-fire"></span>
查看全部 -
img-circle圆形图片
img-rounded圆角图片
img-responsive响应式图片
img-thumbnail缩略图片
查看全部 -
btn-lg大型
btn-sm小型
btn-xs超小型
查看全部 -
<button class="btn" type="button">
<input type="submit" class="btn btn-default" value="input标签按钮">
<div/span class="btn btn-default">
<a href="#" class="btn btn-default>
查看全部 -
btn-default:默认按钮
btn-primary:主要按钮
btn-success:成功按钮
btn-info:信息按钮
btn-warning:警告按钮
btn-danger:危险按钮
btn-link:链接按钮
查看全部 -
has-success成功状态(绿)
has-warning警告状态(黄)
has-danger危险状态(红)
在div class里添加has-feddback,显示图标(icon)
查看全部 -
方法一:直接表单控件加上disable即可;
方法二:在fieldset设置disable属性(在legend中加入输入框,无法被禁用)
查看全部 -
form-inline 内联表单
个人理解适合做网页顶部的一些小元素
查看全部 -
水平表单布局
form-horizontal
查看全部 -
.active当前活动的信息
.success成功or正确的信息
.info中立的信息或者行为
.warning警告,需要注意
.danger危险or错误行为
查看全部 -
.table基础表格
.table-hover鼠标悬停高亮表格
.table-responsive响应式表格(具体作用是什么希望有大神回复告诉我一下)
.table-striped斑马线(条纹线)表格
.table-condensed紧凑型表格
.table-bordered带边框表格
查看全部
举报