-
除了使用glyphicon.com提供的图标之外，还可以使用第三方为Bootstrap框架设计的图标字体，如Font Awesome(http://www.bootcss.com/p/font-awesome/)。使用方法和上面介绍的一样，不过记得将字体下载到你本地。
查看全部 -
.text-left：左对齐
.text-center：居中对齐
.text-right：右对齐
.text-justify：两端对齐
简化了操作，直接class=“xxx"就能使用
两端对齐由于浏览器的问题，慎重使用
查看全部 -
text-muted 提示 使用浅灰色（#999）
text-primary 主要 使用蓝色（#428bca）
text-success 成功 浅绿色（#3c763d)
text-info 通知信息 浅蓝色（#31708f）
text-warning 警告 黄色（#8a6d3b）
text-danger 危险 褐色（#a94442)
需要使用class来使用
查看全部 -
在Bootstrap框架中，要禁用按钮有两种实现方式：
方法1：在标签中添加disabled属性
方法2：在元素标签中添加类名“disabled”
两者的主要区别是：
“.disabled”样式不会禁止按钮的默认行为，比如说提交和重置行为等。如果想要让这样的禁用按钮也能禁止按钮的默认行为，则需要通过JavaScript这样的语言来处理。对于<a>标签也存在类似问题，如果通过类名“.disable”来禁用按钮，其链接行为是无法禁止。而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为的。
查看全部 -
class='lead' 增大文本字号，加粗文本
同样能够实现效果的文本标签为
<small> 标准字体的85%左右
<strong> <b> 文本加粗
<em> <i> 斜体
<cite> 默认普通样式
查看全部 -
1、input-sm:让控件比正常大小更小
2、input-lg:让控件比正常大小更大查看全部 -
响应式表格
Bootstrap提供了一个容器，并且此容器设置类名“.table-responsive”,此容器就具有响应式效果，然后将<table class="table">置于这个容器当中，这样表格也就具有响应式效果。
Bootstrap中响应式表格效果表现为：当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失查看全部 -
千万注意，你的<table>元素中一定不能缺少类名“table”。
查看全部 -
你只需要在pre标签上添加类名“.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。
查看全部 -
1、<code>：一般是针对于单个单词或单个句子的代码
2、<pre>：一般是针对于多行代码（也就是成块的代码）
3、<kbd>:一般是表示用户要通过键盘输入的内容在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。
查看全部 -
内联列表就是为制作水平导航而生。
查看全部 -
斜体类似于加粗一样，除了可以给元素设置样式font-style值为italic实现之外，在Bootstrap中还可以通过使用标签<em>或<i>来实现
查看全部 -
粗体就是给文本加粗，在普通的元素中我们一般通过font-weight设置为bold关键词给文本加粗。在Bootstrap中，可以使用<b>和<strong>标签让文本直接加粗
查看全部 -
如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理
查看全部 -
使用了<small>标签来制作副标题。这个副标题具有其自己的一些独特样式：
1、行高都是1，而且font-weight设置了normal变成了常规效果（不加粗），同时颜色被设置为灰色（#999）。
2、由于<small>内的文本字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%；查看全部
举报