-
.text-left：左对齐
.text-center：居中对齐
.text-right：右对齐
.text-justify：两端对齐
查看全部 -
.text-muted：提示，使用浅灰色（#999）
.text-primary：主要，使用蓝色（#428bca）
.text-success：成功，使用浅绿色(#3c763d)
.text-info：通知信息，使用浅蓝色（#31708f）
.text-warning：警告，使用黄色（#8a6d3b）
.text-danger：危险，使用褐色（#a94442）
查看全部 -
<button class="btn" type="button">基础按钮.btn</button>
<button class="btn btn-default" type="button">默认按钮.btn-default</button>
<button class="btn btn-primary" type="button">主要按钮.btn-primary</button>
<button class="btn btn-success" type="button">成功按钮.btn-success</button>
<button class="btn btn-info" type="button">信息按钮.btn-info</button>
<button class="btn btn-warning" type="button">警告按钮.btn-warning</button>
<button class="btn btn-danger" type="button">危险按钮.btn-danger</button>
<button class="btn btn-link" type="button">链接按钮.btn-link</button>
查看全部 -
使用了一个"help-block"样式，将提示信息以块状显示，并且显示在控件底部。
查看全部 -
比如成功是一个对号（√），错误是一个叉号（×）等。在Bootstrap框中也提供了这样的效果。如果你想让表单在对应的状态下显示 icon 出来，只需要在对应的状态下添加类名“has-feedback”。请注意，此类名要与“has-error”、“has-warning”和“has-success”在一起：
查看全部 -
<fieldset disabled> 禁用的输入</fieldset>
查看全部 -
要让控件在焦点状态下有上面样式效果，需要给控件添加类名“form-control”
查看全部 -
1、input-sm:让控件比正常大小更小
2、input-lg:让控件比正常大小更大3.col-xs-6
查看全部 -
如果checkbox需要水平排列，只需要在label标签上添加类名“checkbox-inline”
查看全部 -
“form-control”类名，则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。
查看全部 -
<select multiple class="form-control">
下拉选择框
查看全部 -
为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”
查看全部 -
Bootstrap中使用input时也必须添加type类型，如果没有指定type类型，将无法得到正确的样式
查看全部 -
如果你要在input前面添加一个label标签时，会导致input换行显示。如果你必须添加这样的一个label标签，并且不想让input换行，你需要将label标签也放在容器“form-group”中
查看全部 -
在label标签运用了一个类名“sr-only”，标签没显示就是这个样式将标签隐藏了。
查看全部
举报