標(biāo)題和副標(biāo)題
標(biāo)題還是傳統(tǒng)的 <h1> - <h6>表示.
副標(biāo)題是 small 標(biāo)簽, 內(nèi)嵌在h標(biāo)簽中.
<h1>我是標(biāo)題 <small>我是子標(biāo)題</small></h1>
引導(dǎo)主題副本
<h2>引導(dǎo)主題副本</h2>
<p class="lead">這是一個演示引導(dǎo)主體副本用法的實例。</p>
各種文本的樣式
<small>本行內(nèi)容是在細(xì)體</small>
<strong>本行內(nèi)容是在粗體</strong>
<em>本行內(nèi)容是斜體</em>
<p class="text-warning">warning</p>
<p class="text-danger">danger</p>
| 其他樣式 | 效果 |
|---|---|
| .lead | 使段落突出顯示 |
| .small | 設(shè)定小文本 (設(shè)置為父文本的 85% 大小) |
| .text-left | 文本居左 |
| .text-right | 文本局右 |
| .text-center | 文本居中 |
| .text-muted | 淡化的文本 |
| .text-primary | 藍(lán)色的基本提示 |
| .text-success | 綠色的成功提示 |
| .text-info | 藍(lán)灰的info信息 |
| .text-warning | 褐色的警告信息 |
| .text-danger | 紅色的危險信息 |
| .text-justify | 文本對齊,超出屏幕自動換行 |
| .text-nowrap | 不換行 |
| .text-lowercase | 字母小寫 |
| .text-uppercase | 字母大寫 |
| .text-capitalize | 單詞首字母大寫 |
縮寫
abbr標(biāo)簽
.initialism樣式控制文本變小
<abbr title="World Wide Web">WWW</abbr><br>
<abbr title="Real Simple Syndication" class="initialism">--->RSS</abbr>
整體效果
引用
blockquote標(biāo)簽
.blockquote-reverse 樣式 控制其文本局右
其可以內(nèi)嵌footer標(biāo)簽, 展示為淡化的文本
footer可以內(nèi)嵌cite標(biāo)簽, 展示為引用的文本
<blockquote>這是一個向左對齊的引用。
<footer>淡化文本 <cite title="引用內(nèi)容">引用文本</cite></footer>
</blockquote>
<blockquote class="blockquote-reverse">這是一個向右對齊的引用。
<footer>淡化文本 <cite title="引用內(nèi)容">引用文本</cite></footer>
</blockquote>
引用的demo
代碼塊
code標(biāo)簽 和 pre標(biāo)簽
code標(biāo)簽是一行代碼
pre是一塊代碼
在上述兩個標(biāo)簽中 '<' '>' 這兩個符號需要用 < 和 > 轉(zhuǎn)義
