大标题:h1~h6
<h1>Hello World</h1>
小标题:<small></small>
<h1>Hello World<small>Hello World</small></h1>
段落:<p></p>
<p>这就是一个段落</p>
标签强调:
强调内容:small strong em cite class="lead"
<p>减小<small>内容</small></p>
<p>强调<strong>内容</strong></p>
<p>斜体<em>内容</em></p>
<p>斜体<cite>内容</cite></p>
<p class="lead">变大,变粗,强调内容</p>
加粗: b strong 或者 font-seight=bold
<p>你说<b>强调</b></p>
斜体: em i cite
<p>你说<em>斜体</em></p>
类强调:
强调内容:class="text-danger"
.text-muted:提示,使用浅灰色(#999)
.text-primary:主要,使用蓝色(#428bca)
.text-success:成功,使用浅绿色(#3c763d)
.text-info:通知信息,使用浅蓝色(#31708f)
.text-warning:警告,使用黄色(#8a6d3b)
.text-danger:危险,使用褐色(#a94442)
对其风格:
CSS中: text-align(left center right justify)
类对齐: text-(left center right justify)
列表 -- 简介(有序列表 无序列表 去点列表 定义列表 内联列表 水平定义列表)
有序列表、无序列表
ol、ul
去点列表(没有前面的标志)
class="list-unstyle"
内联列表(去点列标志、拍成一排)
class="list-inline"
定义列表
<dl>
<dt>标题</dt>
<dd>内容</dd>
</dl>
水平定义列表 dl-horizontal(当屏幕大于768px的时候,会显示成水平样式;否则显示成题目上,内容下的情况)
<dl class="dl-horizontal">
<dt>标题一:</dt>
<dd>描述内容</dd>
<dt>标题二:</dt>
<dd>描述内容</dd>
</dl>
代码: 存放代码,使代码显示出自己原有编译之后的样子
<code></code> :显示单行代码
<pre></pre> :显示多行代码
<kbd></kbd> :显示出键盘操纵
代码: 存放代码量过长使用 pre-scrollable 然后内容不会超过340px
表格:
table:基础表格
table-striped:斑马线表格
table-bordered:带边框的表格
table-hover:鼠标悬停高亮的表格
table-condensed:紧凑型表格
table-responsive:响应式表格 (给表格弄一个响应式容器)<div class="table-responsive"><table class="table"></table></div>
表格的行:
active
success
info
warning
danger
主要是为了自己以后查看方便使用的,大家勿喷!