Bootstrap Components 測試

Card Components

Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Form Components

We'll never share your email with anyone else.
@

List Group

Modal Structure (Hidden)

Modal title

Modal body text goes here.

Border Radius Utilities

Start Radius
End Radius
Large Radius
No Radius

Bootstrap 4 Custom Controls

Custom Switch

Custom Checkbox

Custom Radio

Custom File Input

Form Layouts

Form Groups

Form Row

Inline Form Check

Disabled Controls

Disabled fieldset

Typography & Base Styles

h1. Heading 1 (text-h1)

h2. Heading 2 (text-h2)

h3. Heading 3 (text-h3)

h4. Heading 4 (text-h4)

h5. Heading 5 (text-h5)
h6. Heading 6 (text-h6)

這是一段普通的段落文字，用來測試 粗體文字 和 斜體文字 的顯示效果。

這是另一段文字，包含 小字體 和 code 元素。

這是一個引用區塊，用來測試 blockquote 樣式。

列表測試

  • 無序列表項目 1
  • 無序列表項目 2
  • 無序列表項目 3
  1. 有序列表項目 1
  2. 有序列表項目 2
  3. 有序列表項目 3

連結和按鈕

這是一個連結 | 另一個連結

EC Button System

基本按鈕

外框按鈕

灰階按鈕

按鈕尺寸

區塊按鈕

連結按鈕

停用狀態

按鈕群組