-
前面看到的表单控件都正常的大小。可以通过设置控件的height，line-height，padding和font-size等属性来实现控件的高度设置。不过Bootstrap框架还提供了两个不同的类名，用来控制表单控件的高度。这两个类名是：
1、input-sm:让控件比正常大小更小
2、input-lg:让控件比正常大小更大这两个类适用于表单中的input，textarea和select控件
查看全部 -
为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”
查看全部 -
<table><tbody><tr class="firstRow"><td>active</td><td>表示当前活动的信息</td></tr><tr><td>.success</td><td>表示成功或者正确的行为</td></tr><tr><td>.info</td><td>表示中立的信息或行为</td></tr><tr><td>.warning</td><td>表示警告，需要特别注意</td></tr><tr><td>.danger</td><td>表示危险或者可能是错误的行为</td></tr></tbody></table><p><br /></p>查看全部
-
表格： .table：基础表格
.table-striped：斑马线表格
.table-bordered：带边框的表格
.table-hover：鼠标悬停高亮的表格
.table-condensed：紧凑型表格
.table-responsive：响应式表格
查看全部 -
dl外边距，dt字体加粗，dd行边距
查看全部 -
Bootstrap为众多开发者考虑的非常周道，通过给无序列表添加一个类名“.list-unstyled“来给列表去点；
Bootstrap像去点列表一样，通过添加类名“.list-inline”来实现内联列表，简单点说就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。
水平定义列表就像内联列表一样，Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。
查看全部 -
.text-left：左对齐
.text-center：居中对齐
.text-right：右对齐
.text-justify：两端对齐
查看全部 -
强调内容：如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。查看全部
-
.text-muted：提示，使用浅灰色（#999）
.text-primary：主要，使用蓝色（#428bca）
.text-success：成功，使用浅绿色(#3c763d)
.text-info：通知信息，使用浅蓝色（#31708f）
.text-warning：警告，使用黄色（#8a6d3b）
.text-danger：危险，使用褐色（#a94442）
查看全部 -
面板--彩色面板
panel-primary：重点蓝
panel-success：成功绿
panel-info:信息蓝
panel-warning：警告黄
panel-danger：危险红
查看全部 -
列表组--多彩列表组
列表组组件和警告组件一样，Bootstrap为不同的状态提供了不同的背景颜色和文本色，可以使用这几个类名定义不同背景色的列表项。
list-group-item-success：成功，背景色绿色
list-group-item-info：信息，背景色蓝色
list-group-item-warning：警告，背景色为黄色
list-group-item-danger：错误，背景色为红色
查看全部 -
列表组--自定义列表组
Bootstrap框加在链接列表组的基础上新增了两个样式：
list-group-item-heading：用来定义列表项头部样式
list-group-item-text：用来定义列表项主要内容
查看全部 -
列表组--带徽章的列表组
<span class="badge">13</span>
查看全部 -
列表组--基础列表组
list-group：列表组容器，常用的是ul元素，当然也可以是ol或者div元素
list-group-item：列表项，常用的是li元素，当然也可以是div元素
查看全部 -
针对上图的媒体对象列表效果，Bootstrap框架提供了一个列表展示的效果，在写结构的时候可以使用ul，并且在ul上添加类名“media-list”，而在li上使用“media”
查看全部
举报