Bootstrap学习笔记--排版

标签：

强调内容

.lead　　<strong>  <em>  <small>  <cite>

• .text-muted：提示，使用浅灰色（#999）
• .text-primary：主要，使用蓝色（#428bca）
• .text-success：成功，使用浅绿色(#3c763d)
• .text-info：通知信息，使用浅蓝色（#31708f）
• .text-warning：警告，使用黄色（#8a6d3b）
• .text-danger：危险，使用褐色（#a94442）

文本对齐风格

?  .text-left：左对齐

?   .text-center：居中对齐

?   .text-right：右对齐

?   .text-justify：两端对齐 (目前两端对齐在各浏览器下解析各有不同，特别是应用于中文文本的时候。所以项目中慎用。)

列表--去点列表  .list-unstyled

列表--内联列表  .list-inline

列表--水平定义列表  给<dl>实现水平显示效果  .dl-horizontal

代码

Bootstrap主要提供了三种代码风格：
1、使用<code></code>来显示单行内联代码
2、使用<pre></pre>来显示多行块代码
3、使用<kbd></kbd>来显示用户输入代码

.pre-scrollable控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。

表格

  ?  .table：基础表格

  ?  .table-striped：斑马线表格

  ?  .table-bordered：带边框的表格

  ?  .table-hover：鼠标悬停高亮的表格

  ?  .table-condensed：紧凑型表格

  ?  .table-responsive：响应式表格

表格--表格行的类

.active  表示当前活动的信息

.success  表示成功或者正确的行为

.info  表示中立的信息或行为

.warning  表示警告，需要特别注意

.danger  表示危险或者可能是错误的行为

Bootstrap学习笔记--排版

标签：

原文地址：http://www.cnblogs.com/webstong/p/5781360.html