-
通过col-md-offset-x设置列便偏移，即向右偏移x列
注：
总长度还是不可以超过12
查看全部 -
通过类名col-md-x 可以控制每一行中具体的长度
支持多行，但是x总和不可以超过12
查看全部 -
徽章
从某种意义上来说，徽章效果和前面介绍的标签效果是极其的相似。也是用来做一些提示信息使用。常出现的是一些系统发出的信息，比如你登录你的twitter后，如果你信息没有看，系统会告诉你有多少信息未读，如下图所示：
使用方法：
使用方法，其实也没什么太多可说的，你可以像标签一样，使用span标签来制作，然后为他加入
badge类：<a href="#">Inbox <span class="badge">42</span></a>
运行效果见右侧结果窗口。
实现原理：
主要将其设置为椭圆形，并且加了一个背景色：
同样也使用:empty伪元素，当没有内容的时候隐藏：
.badge:empty { display: none; }正如开头所说，可以将徽章与按钮或者导航之类配合使用：
<li><a href="##">名师介绍</a></li> <li><a href="##">成功案例<span class="badge">23</span></a></li>
按钮和胶囊形导航设置徽章：
另外，徽章在按钮元素button和胶囊形导航nav-pills也可以有类似的样式，只不过是颜色不同而以：
查看全部 -
标签
在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息，比如说在导航上添加了一个新导航项，可能就会加一个“new”标签，来告诉用户。这是新添加的导航项。如下图所示：
那么在Bootstrap框架中特意将这样的效果提取出来成为一个标签组件，并且以“.label”样式来实现高亮显示。
既然他是一个独立的组件，当然在不同的版本下有不同的文件：
LESS版本：对应的源文件label.less
Sass版本：对应的源文件_label.scss
编译后版本：bootstrap.css文件第4261行～第4327行
使用原理：
使用方法很简单，你可以在使用span这样的行内标签：
<h3>Example heading <span class="label label-default">New</span></h3>
有的时候标签内没有内容的时候，可以借助CSS3的:empty伪元素将其隐藏： class="label label-default:empty">
.label:empty { display: none; }查看全部 -
图像主要通过四种类名
img-responsive 响应式图片，只要针对于响应式设计
img-rounded 圆角图片
img-circle 圆形图片
img-thumbnail 缩略图
可以修改图片的大小，但是不同使用css来修改，会导致失效
查看全部 -
禁用状态有两种方式
在class中直接添加disabled
在标签内添加disabled="disabled”
查看全部 -
让标签独占一行（width：100%）
通过在基础标签”btn“后面添加btn-block即可
查看全部 -
按钮可以通过在基础按钮”btn“后面追加类名来控制大小，具体 使用如图
查看全部 -
按钮标签稍作变化
可以不是使用input
直接可以使用<button type="button" class="btn">即可
按钮btn类属性支持其他标签，但是为了防止浏览器的崩溃，不建议在<button><a>标签之外使用
查看全部 -
help-block样式
在底部提供不同的提示信息
查看全部 -
警告状态
has-warning 警告状态（黄色
has-erro 错误状态（红色
has-success 成功状态（绿色
使用时需要添加在form-group的后面
添加has-feedback在相应的状态后面既可以添加图片，但是必须在整个作用域的最后面加上一个span元素
<span class="glyphiconglyphicon-warning-sign form-control-feedback"></span>
查看全部 -
disabled 禁用状态
并不是一个类，只需要在标签最后添加即可，如果标签下面还有子标签，其作用域则包含了子标签
但是对于legend中的输入框并不起作用
查看全部 -
给表单添加焦点状态使用form-control即可
查看全部 -
input-lg 让控件大小比普通的更大
input-sm 让控件大小比普通的更小
col-xs-4-7 用来规定控件的宽度
查看全部 -
简化了checkbox与radio的操作
lable可以直接包含住checkbox或者raido，只需要将整个class设置成radio或者checkbox即可
查看全部
举报