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> | 表示的代碼內嵌片段: span , div | 嘗試一下 |