bootstrap排版(3)
阿新 • • 發佈:2018-12-30
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)
使用
,您需要使用
標籤來為封閉的地址文字新增換行。
引用(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軸出現滾動條