Bootstrap 秘笈

RTL 秘笈

內容

排版

文件

顯示 1

顯示 2

顯示 3

顯示 4

顯示 5

顯示 6

標題 1

標題 2

標題 3

標題 4

標題 5

標題 6

這是引言段落。它與一般段落不同。

您可以使用 mark 標籤來 重點標示 文字。

這行文字應視為已刪除的文字。

這行文字應視為不再正確的文字。

這行文字應視為文件的新增內容。

這行文字會顯示為底線。

這行文字應視為小字。

這行文字會顯示為粗體。

這行文字會顯示為斜體。


一個著名的引言,包含在引文元素中。

某位名人,出自 來源標題
  • 這是一個清單。
  • 它看起來完全沒有樣式。
  • 在結構上,它仍然是一個清單。
  • 但是,此樣式僅套用於直接子元素。
  • 巢狀清單
    • 不受此樣式影響
    • 仍會顯示項目符號
    • 並具有適當的左邊距
  • 在某些情況下,這仍然可能派上用場。
  • 這是一個清單項目。
  • 還有另一個。
  • 但它們以內嵌方式顯示。

圖片

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

表格

文件
# 第一個 最後一個 處理
1 標記 Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
# 第一個 最後一個 處理
1 標記 Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
類別 標題 標題
預設 儲存格 儲存格
主要 儲存格 儲存格
次要 儲存格 儲存格
成功 儲存格 儲存格
危險 儲存格 儲存格
警告 儲存格 儲存格
資訊 儲存格 儲存格
淺色 儲存格 儲存格
深色 儲存格 儲存格
# 第一個 最後一個 處理
1 標記 Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

圖形

文件
Placeholder - Bootstrap 框架400x300
上方圖片的標題。

表單

概觀

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

停用表單

文件
已停用的單選按鈕

大小

文件

輸入群組

文件
@
@example.com
https://example.com/users/
$ .00
含文字方塊

浮動標籤

文件

驗證

文件
看起來不錯!
看起來不錯!
@
請選擇一個使用者名稱。
請提供一個有效的城市。
請選擇有效的州。
請提供有效的郵遞區號。
您必須同意才能提交。

元件

手風琴

文件

這是第一個項目的手風琴主體。在預設情況下,它會被隱藏,直到摺疊外掛程式加入適當的類別,我們用這些類別來設定每個元素的樣式。這些類別控制整體外觀,以及透過 CSS 轉場顯示和隱藏。您可以使用自訂 CSS 或覆寫我們的預設變數來修改這些內容。值得注意的是,幾乎任何 HTML 都可以在 .accordion-body 中使用,儘管轉場確實會限制溢位。

這是第二個項目的手風琴主體。在預設情況下,它會被隱藏,直到摺疊外掛程式加入適當的類別,我們用這些類別來設定每個元素的樣式。這些類別控制整體外觀,以及透過 CSS 轉場顯示和隱藏。您可以使用自訂 CSS 或覆寫我們的預設變數來修改這些內容。值得注意的是,幾乎任何 HTML 都可以在 .accordion-body 中使用,儘管轉場確實會限制溢位。

這是第三個項目手風琴主體。它預設為隱藏,直到摺疊外掛程式新增我們用於設定每個元素樣式的適當類別。這些類別控制整體外觀,以及透過 CSS 轉場顯示和隱藏。您可以使用自訂 CSS 或覆寫我們的預設變數來修改任何這些內容。另外值得注意的是,幾乎任何 HTML 都可以在 .accordion-body 中使用,儘管轉場確實會限制溢位。

警示

文件

徽章

文件

範例標題

範例標題

範例標題

範例標題

範例標題

範例標題

範例標題

範例標題

主要 次要 成功 危險 警告 資訊

按鈕

文件

按鈕群組

文件

卡片

文件
Placeholder - Bootstrap 框架Image cap
卡片標題

一些快速範例文字,建立在卡片標題上,構成卡片內容的大部分。

前往某處
特色
卡片標題

一些快速範例文字,建立在卡片標題上,構成卡片內容的大部分。

前往某處
卡片標題

一些快速範例文字,建立在卡片標題上,構成卡片內容的大部分。

  • 一個項目
  • 第二個項目
  • 第三個項目
Placeholder - Bootstrap 框架Image
卡片標題

這是一個較寬的卡片,下方有支援文字,作為額外內容的自然引導。此內容稍長。

最後更新於 3 分鐘前

列表群組

文件
  • 已停用項目
  • 第二個項目
  • 第三個項目
  • 第四個項目
  • 第五個項目
  • 一個項目
  • 第二個項目
  • 第三個項目
  • 第四個項目
  • 第五個項目

彈出提示

文件

進度

文件
0%
25%
50%
75%
100%

捲軸間諜

文件

第一個標題

這是捲動偵測頁面的佔位符內容。請注意,當您向下捲動頁面時,會將適當的導覽連結反白顯示。它會在元件範例中重複出現。我們會繼續在此處新增更多範例內容,以強調捲動和反白顯示。

第二個標題

這是捲動偵測頁面的佔位符內容。請注意,當您向下捲動頁面時,會將適當的導覽連結反白顯示。它會在元件範例中重複出現。我們會繼續在此處新增更多範例內容,以強調捲動和反白顯示。

第三個標題

這是捲動偵測頁面的佔位符內容。請注意,當您向下捲動頁面時,會將適當的導覽連結反白顯示。它會在元件範例中重複出現。我們會繼續在此處新增更多範例內容,以強調捲動和反白顯示。

第四個標題

這是捲動偵測頁面的佔位符內容。請注意,當您向下捲動頁面時,會將適當的導覽連結反白顯示。它會在元件範例中重複出現。我們會繼續在此處新增更多範例內容,以強調捲動和反白顯示。

第五個標題

這是捲動偵測頁面的佔位符內容。請注意,當您向下捲動頁面時,會將適當的導覽連結反白顯示。它會在元件範例中重複出現。我們會繼續在此處新增更多範例內容,以強調捲動和反白顯示。

旋轉器

文件
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...
正在載入...

提示

文件

工具提示

文件