-
.dl-horizontal”给定义列表实现水平显示效果。
只有屏幕大于768px的时候，添加类名“.dl-horizontal”才具有水平定义列表效果。
查看全部 -
“.list-inline”来实现内联列表，简单点说就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。也可以说内联列表就是为制作水平导航而生。
查看全部 -
list-unstyled 无序列表去除点，有序列表去除号
查看全部 -
文本对齐类 .text-left：左对齐
查看全部 -
字体强调类，多种颜色
查看全部 -
强调内容class="lead" <p class="lead">我是特意要突出的文本</p>
查看全部 -
通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本
查看全部 -
平常在制作表单验证时，要提供不同的提示信息。在Bootstrap框架中也提供了这样的效果。使用了一个"help-block"样式，将提示信息以块状显示，并且显示在控件底部。
查看全部 -
7-11进度条--动态条纹进度条：
在进度条“progress progress-striped”两个类的基础上再加入“active”类名。如下代码：
<div class="progress progress-striped active"> <div class="progress-bar progress-bar-success" ></div> </div>
查看全部 -
7-10进度条--条纹
使用Bootstrap框架中的条纹进度条只需要在进度条的容器“progress”基础上增加类名“progress-striped”，当然，如果你要让你的进度条条纹像彩色进度一样，具有彩色效果，你只需要在进度条上增加相应的颜色类名，如前面的彩色进度条所讲。
<div class="progress progress-striped"> <div class="progress-bar progress-bar-success" ></div> </div>
查看全部 -
7-9进度条--彩色
progress-bar-info：表示信息进度条，进度条颜色为蓝色
progress-bar-success：表示成功进度条，进度条颜色为绿色
progress-bar-warning：表示警告进度条，进度条颜色为黄色
progress-bar-danger：表示错误进度条，进度条颜色为红色
使用方法：
具体使用就非常简单了，只需要在基础的进度上增加对应的类名。
查看全部 -
7-8进度条--基本样式
Bootstrap框架中也是按这样的方式实现的，他提供了两个容器，外容器使用“progress”样式，子容器使用“progress-bar”样式。其中progress用来设置进度条的容器样式，而progress-bar用于限制进度条的进度。使用方法非常的简单：
<div class="progress"> <div class="progress-bar" ></div> </div>
查看全部 -
7-6警示框--警示框的链接：
Bootstrap框架是通过给警示框加的链接添加一个名为“alert-link”的类名，通过“alert-link”样式给链接提供高亮显示：
<a href="#" class="alert-link">this important alert message</a> .
查看全部 -
注意要实现悬浮状态，需要在<table>标签上加入
table-hover类。查看全部 -
7-5警示框--可关闭的警示框：
只需要在默认的警示框里面添加一个关闭按钮。然后进行三个步骤：
1、需要在基本警示框“alert”的基础上添加“alert-dismissable”样式。
2、在button标签中加入class="close"类，实现警示框关闭按钮的样式。
3、要确保关闭按钮元素上设置了自定义属性：“data-dismiss="alert"”（因为可关闭警示框需要借助于Javascript来检测该属性，从而控制警示框的关闭）。
具体使用如下：
<div class="alert alert-success alert-dismissable" role="alert"> <button class="close" type="button" data-dismiss="alert">×</button> 恭喜您操作成功！ </div>
查看全部
举报