1. 程式人生 > >bootstrap排版(3)

bootstrap排版(3)

Bootstrap 中定義了所有的 HTML 標題(h1 到 h6)的樣式
內聯子標題
如果需要向任何標題新增一個內聯子標題,只需要簡單地在元素兩旁新增
或者新增 .small class,這樣子您就能得到一個字號更小的顏色更淺的文字
引導主體副本
為了給段落新增強調文字,則可以新增 class=“lead”,這將得到更大更粗、行高更高的文字,

<small>本行內容是在標籤內</small><br>
<strong>本行內容是在標籤內</strong><br>
<em>本行內容是在標籤內,並呈現為斜體</em><br>
<p class="text-left">向左對齊文字</p>
<p class="text-center">居中對齊文字</p>
<p class="text-right">向右對齊文字</p>
<p class="text-muted">本行內容是減弱的</p>
<p class="text-primary">本行內容帶有一個 primary class</p>
<p class="text-success">本行內容帶有一個 success class</p>
<p class="text-info">本行內容帶有一個 info class</p>
<p class="text-warning">本行內容帶有一個 warning class</p>
<p class="text-danger">本行內容帶有一個 danger class</p>

HTML 元素提供了用於縮寫的標記,比如 WWW 或 HTTP。
Bootstrap 定義 元素的樣式為顯示在文字底部的一條虛線邊框,
當滑鼠懸停在上面時會顯示完整的文字(只要您為 title 屬性添加了文字)。
為了得到一個更小字型的文字,請新增 .initialism 到
地址(Address)
使用

標籤,您可以在網頁上顯示聯絡資訊。由於
預設為 display:block;
,您需要使用
標籤來為封閉的地址文字新增換行。
引用(Blockquote)
.lead 使段落突出顯示
.small 設定小文字 (設定為父文字的 85% 大小)
.text-left 設定文字左對齊
.text-center 設定文字居中對齊
.text-right 設定文字右對齊
.text-justify 設定文字對齊,段落中超出螢幕部分文字自動換行
.text-nowrap 段落中超出螢幕部分不換行
.text-lowercase 設定文字小寫
.text-uppercase 設定文字大寫
.text-capitalize 設定單詞首字母大寫
.initialism 顯示在 元素中的文字以小號字型展示,且可以將小寫字母轉換為大寫字母
.blockquote-reverse 設定引用右對齊
.list-unstyled 移除預設的列表樣式,列表項中左對齊
<ul> 和 <ol>
中。 這個類僅適用於直接子列表項 (如果需要移除巢狀的列表項,你需要在巢狀的列表中使用該樣式)
.list-inline 將所有列表項放置同一行
.dl-horizontal 該類設定了浮動和偏移,應用於<dl> 元素和 <dt>元素中,具體實現可以檢視例項
.pre-scrollable 使<pre> 元素可滾動,程式碼塊區域最大高度為340px,一旦超出這個高度,就會在Y軸出現滾動條