論壇 | 最新的Web開發教程
 

Bootstrap CSS排版參考


Bootstrap's默認設置

Bootstrap's全局默認font-size是14px的,具有line-height的1.428。

這是應用到<body>和所有段落。

此外,所有的<p>元件具有底部邊緣等於一半的計算線高度(默認10px的)。


活版印刷

下面的元素是由不同的自舉的樣式稍微比瀏覽器默認的HTML元素。 看看“試試看”的例子,看看結果/差異。

下面的類是用來進一步風格的元素。

元/班 描述
<h1> - <h6>
or
.h1 - .h6
H1 - H6標題 嘗試一下
<small> 在創建標題任何一個打火機,輔助文本

標題(次要的文本)

嘗試一下
.small 表示較小的文本(設置為父的大小的85%): 更小的文字 嘗試一下
.lead 使文本站了出來: 脫穎而出文本 嘗試一下
<mark>
or
.mark
亮點文字: 高亮文本 嘗試一下
<del> 表示已刪除的文字: 刪除的文本 嘗試一下
<s> 表示不再相關的文字: 不再相關的文字 嘗試一下
<ins> 指示插入的文本: 插入的文本 嘗試一下
<u> 指示帶下劃線的文本: 帶下劃線的文本 嘗試一下
<strong> 表示粗體文字: 粗體文本 嘗試一下
<em> 指示斜體文本: 斜體文字 嘗試一下
.text-left 表示左對齊文本 嘗試一下
.text-center 指示居中對齊文本 嘗試一下
.text-right 表示右對齊文本 嘗試一下
.text-justify 指示對齊文本 嘗試一下
.text-nowrap 表示不換行文本 嘗試一下
.text-lowercase 指示小寫的文字: 小寫TEXT 嘗試一下
.text-uppercase 指示大寫的文本: 大寫的文本 嘗試一下
.text-capitalize 指示大寫文字: 大寫文字 嘗試一下
<abbr><abbr>元素指示的縮寫或縮寫。 帶有標題縮寫屬性有虛線下邊框懸停幫助光標,提供懸停附加的上下文。 嘗試一下
.initialism 顯示中的文本<abbr>在一個稍微較小的字體元素 嘗試一下
<address> 介紹聯繫人信息 嘗試一下
<blockquote> 指示內容塊從另一來源 嘗試一下
.blockquote-reverse 指示右對齊內容的塊引用 嘗試一下
<ul> 表示一個無序列表 嘗試一下
<ol> 表示有序列表 嘗試一下
.list-unstyled 在刪除列表項的默認列表樣式和左邊距(適用於這兩個<ul><ol> 這個類僅適用於直接子列表項(從任何嵌套列表刪除默認的列表樣式,這個類適用於任何嵌套列表以及) 嘗試一下
.list-inline 地方在一行所有列表項 嘗試一下
<dl> 指示描述列表 嘗試一下
.dl-horizontal 排隊中的條款和說明<dl>元素並排側。 開始了像默認<dl>s ,但是當瀏覽器窗口展開,將排隊側由端 嘗試一下

元/班 描述
<var> 指示變量: x = a b + y 嘗試一下
<kbd> 表示是通過鍵盤輸入的典型輸入: CTRL + P 嘗試一下
<pre> 指示多行代碼 嘗試一下
<pre class="pre-scrollable"> 指示多行代碼在滾動條 嘗試一下
<samp> 表示從計算機程序輸出樣本: 樣本輸出 嘗試一下
<code> 表示的代碼內嵌片段: spandiv 嘗試一下