引導程序備忘單

RTL 備忘單

內容

排版

文檔

顯示 1

顯示 2

顯示 3

顯示 4

顯示 5

顯示 6

標題 1

標題 2

標題 3

標題 4

標題 5

標題 6

這是一個引導段落。它從常規段落中脫穎而出。

您可以使用標記標籤強調文本。

這行文本將被視為已刪除的文本。

這行文本將被視為不再準確。

這行文本被視為對文檔的補充。

這行文本將呈現為下劃線。

這行文本應被視為精美印刷品。

此行呈現為粗體文本。

此行呈現為斜體文本。


眾所周知的引用,包含在 blockquote 元素中。

源標題 中著名的人
  • 這是一個列表。
  • 它看起來完全沒有樣式。
  • 從結構上講,它仍然是一個列表。
  • 但是,此樣式僅適用於直接子元素。
  • 嵌套列表:
    • 不受這種風格的影響
    • 仍會顯示子彈
    • 並有適當的左邊距
  • 在某些情況下,這可能仍然派上用場。
  • 這是一個列表項。
  • 還有一個。
  • 但它們是內聯顯示的。

圖片

文檔
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

文檔
# 第一的 最後的 處理
1 標記 奧托 @mdo
2 雅各布 桑頓 @胖的
3 拉里小鳥 @推特
# 第一的 最後的 處理
1 標記 奧托 @mdo
2 雅各布 桑頓 @胖的
3 拉里小鳥 @推特
班級 標題 標題
默認 細胞 細胞
基本的 細胞 細胞
中學 細胞 細胞
成功 細胞 細胞
危險 細胞 細胞
警告 細胞 細胞
信息 細胞 細胞
細胞 細胞
黑暗的 細胞 細胞
# 第一的 最後的 處理
1 標記 奧托 @mdo
2 雅各布 桑頓 @胖的
3 拉里小鳥 @推特

數字

文檔
Placeholder 400x300
上圖的標題。

形式

概述

文檔
我們永遠不會與其他人分享您的電子郵件。
單選按鈕

禁用表格

文檔
禁用的單選按鈕

漿紗

文檔

輸入組

文檔
@
@example.com
https://example.com/users/
$ .00
帶文本區域

浮動標籤

文檔

驗證

文檔
看起來不錯!
看起來不錯!
@
請選擇用戶名。
請提供一個有效的城市。
請選擇一個有效的狀態。
請提供有效的郵編。
您必須在提交前同意。

成分

手風琴

文檔

這是第一個項目的手風琴體。默認情況下它是隱藏的,直到折疊插件添加了我們用來為每個元素設置樣式的適當類。這些類控制整體外觀,以及通過 CSS 過渡顯示和隱藏。您可以使用自定義 CSS 或覆蓋我們的默認變量來修改其中的任何內容。還值得注意的是,幾乎任何 HTML 都可以進入 .accordion-body.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

這是第三項的手風琴體。默認情況下它是隱藏的,直到折疊插件添加了我們用來為每個元素設置樣式的適當類。這些類控制整體外觀,以及通過 CSS 過渡顯示和隱藏。您可以使用自定義 CSS 或覆蓋我們的默認變量來修改其中的任何內容。還值得注意的是,幾乎任何 HTML 都可以進入 .accordion-body.

警報

文檔

徽章

文檔

示例標題新的

示例標題新的

示例標題新的

示例標題新的

示例標題新的

示例標題新的

示例標題新的

示例標題新的

基本的 中學 成功 危險 警告 信息 黑暗的

鈕扣

文檔

按鈕組

文檔

卡片

文檔
Placeholder Image cap
卡片標題

一些快速的示例文本以卡片標題為基礎,並構成卡片的大部分內容。

去一個地方
精選
卡片標題

一些快速的示例文本以卡片標題為基礎,並構成卡片的大部分內容。

去一個地方
卡片標題

一些快速的示例文本以卡片標題為基礎,並構成卡片的大部分內容。

  • 一個物品
  • 第二項
  • 第三項
Placeholder Image
卡片標題

這是一張更寬的卡片,下面有支持文本作為附加內容的自然引導。這個內容有點長。

最後更新 3 分鐘前

約夏克布丁

文檔

進步

文檔
0%
25%
50%
75%
100%

捲軸間諜

文檔

第一個標題

這是 scrollspy 頁面的一些佔位符內容。請注意,當您向下滾動頁面時,相應的導航鏈接會突出顯示。它在整個組件示例中重複出現。我們在這裡不斷添加更多示例副本以強調滾動和突出顯示。

第二個標題

這是 scrollspy 頁面的一些佔位符內容。請注意,當您向下滾動頁面時,相應的導航鏈接會突出顯示。它在整個組件示例中重複出現。我們在這裡不斷添加更多示例副本以強調滾動和突出顯示。

第三個標題

這是 scrollspy 頁面的一些佔位符內容。請注意,當您向下滾動頁面時,相應的導航鏈接會突出顯示。它在整個組件示例中重複出現。我們在這裡不斷添加更多示例副本以強調滾動和突出顯示。

第四標題

這是 scrollspy 頁面的一些佔位符內容。請注意,當您向下滾動頁面時,相應的導航鏈接會突出顯示。它在整個組件示例中重複出現。我們在這裡不斷添加更多示例副本以強調滾動和突出顯示。

第五標題

這是 scrollspy 頁面的一些佔位符內容。請注意,當您向下滾動頁面時,相應的導航鏈接會突出顯示。它在整個組件示例中重複出現。我們在這裡不斷添加更多示例副本以強調滾動和突出顯示。

紡紗廠

文檔
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...
正在加載...

敬酒

文檔

工具提示

文檔