强调内容

.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  表示危险或者可能是错误的行为

 

 

posted on 2016-08-17 18:53  webstong  阅读(154)  评论(0编辑  收藏  举报