---
# System prepended metadata

title: Bootstrap-元件中英對照 Quick Start
tags: [Bootstrap]

---

Bootstrap-元件中英對照 Quick Start
===

## :link: [警報](https://bootstrap.hexschool.com/docs/4.2/components/alerts/) (:speaker: [Alerts](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Alerts) )
:zany_face:兒樂
![](https://i.imgur.com/BBfBnNe.png =500x)


---

## :link: [標籤](https://bootstrap.hexschool.com/docs/4.2/components/badge/) (:speaker: [Badge](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Badge) )
:zany_face:悲劇
![](https://i.imgur.com/rIqZBJ2.png =400x)


---

## :link: [麵包屑](https://bootstrap.hexschool.com/docs/4.2/components/breadcrumb/) (:speaker: [Breadcrumb](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Breadcrumb) )
:zany_face:背地框
![](https://i.imgur.com/4nAva4b.png =500x)


---

## :link: [按鈕](https://bootstrap.hexschool.com/docs/4.2/components/buttons/) (:speaker: [Buttons](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Buttons) )
:zany_face:八恩詞
![](https://i.imgur.com/mfszTkl.png =500x)


---

## :link: [按鈕群組](https://bootstrap.hexschool.com/docs/4.2/components/button-group/) (:speaker: [Button group](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Button%20group) )
:zany_face:八恩詞 股魯樸
![](https://i.imgur.com/58M7sIR.png =200x)


---

## :link: [卡片](https://bootstrap.hexschool.com/docs/4.2/components/card/) (:speaker: [Card](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Card) )
:zany_face:喀得
![](https://i.imgur.com/VqtfMKW.png =300x)


---

## :link: [輪播](https://bootstrap.hexschool.com/docs/4.2/components/carousel/) (:speaker: [Carousel](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Carousel) )
:zany_face:給蕊叟
![](https://i.imgur.com/ut9O6c3.png =500x)

## :link: [折疊](https://bootstrap.hexschool.com/docs/4.2/components/collapse/) (:speaker: [Collapse](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Collapse) )
:zany_face:課類噴師
![](https://i.imgur.com/x2y8YzH.png =300x)


---


## :link: [下拉選單](https://bootstrap.hexschool.com/docs/4.2/components/dropdowns/) (:speaker: [Dropdowns](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Dropdowns) )
:zany_face:抓當師
![](https://i.imgur.com/yxF67TA.png =300x)


---

## :link: [表單](https://bootstrap.hexschool.com/docs/4.2/components/forms/) (:speaker: [Forms](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Forms) )
:zany_face:佛恩司
![](https://i.imgur.com/F6Zf0AJ.png =500x)


---

## :link: [Input 群組](https://bootstrap.hexschool.com/docs/4.2/components/input-group/) (:speaker: [Input group](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Input%20group) )
:zany_face:恩撲 股魯波
![](https://i.imgur.com/cjyqoKD.png =500x)


---

## :link: [廣告大屏幕](https://bootstrap.hexschool.com/docs/4.2/components/jumbotron/) (:speaker: [Jumbotron](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Jumbotron))
:zany_face:將八場
![](https://i.imgur.com/sUIGjuD.png =500x)


---

## :link: [列表群組](https://bootstrap.hexschool.com/docs/4.2/components/list-group/) (:speaker: [List group](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=List%20group))
:zany_face:力死 股魯波
![](https://i.imgur.com/Ze5AEHX.png =500x)


---

## :link: [媒體物件](https://bootstrap.hexschool.com/docs/4.2/components/media-object/) (:speaker: [Media object](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Media%20object) )
:zany_face:
![](https://i.imgur.com/9rb6cS3.png =500x)


---

## :link: [互動視窗](https://bootstrap.hexschool.com/docs/4.2/components/modal/) (:speaker: [Modal](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Modal) )
:zany_face:米敵阿 阿不者
![](https://i.imgur.com/W7uGUin.png =500x)


---

## :link: [導覽](https://bootstrap.hexschool.com/docs/4.2/components/navs/) (:speaker: [Navs](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Navs) )
:zany_face:那死
![](https://i.imgur.com/8p0HDjk.png =300x)


---

## :link: [導覽列](https://bootstrap.hexschool.com/docs/4.2/components/navbar/) (:speaker: [Navbar](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Navbar) )
:zany_face:那死八而
![](https://i.imgur.com/1Ni6ITT.png =500x)


---

## :link: [分頁](https://bootstrap.hexschool.com/docs/4.2/components/pagination/) (:speaker: [Pagination](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Pagination) )
:zany_face:趴句累尋
![](https://i.imgur.com/nC7PW6P.png =300x)


---

## :link: [彈出提示框](https://bootstrap.hexschool.com/docs/4.2/components/popovers/) (:speaker: [Popovers](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Popovers) )
:zany_face:趴伯樂死
![](https://i.imgur.com/6TmipJp.png =300x)


---

## :link: [進度條](https://bootstrap.hexschool.com/docs/4.2/components/progress/) (:speaker: [Progress](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Progress) )
:zany_face:波鬼死
![](https://i.imgur.com/uTkku0F.png =500x)


---

## :link: [滾動監控](https://bootstrap.hexschool.com/docs/4.2/components/scrollspy/) (:speaker: [Scrollspy](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Scrollspy) )
:zany_face:死狗死派
![](https://i.imgur.com/psp9L1u.png =500x)


---

## :link: [讀取圖示](https://bootstrap.hexschool.com/docs/4.2/components/spinners/) (:speaker: [Spinners](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Spinners) )
:zany_face:死邊而師
![](https://i.imgur.com/6Qzg1YR.png =100x)


---

## :link: [吐司](https://bootstrap.hexschool.com/docs/4.2/components/toasts/) (:speaker: [Toasts](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Toasts) )
:zany_face:透死
![](https://i.imgur.com/kFKEsd9.png =300x)


---

## :link: [工具提示框](https://bootstrap.hexschool.com/docs/4.2/components/tooltips/) (:speaker: [Tooltips](https://translate.google.com.tw/?hl=zh-TW#view=home&op=translate&sl=auto&tl=zh-TW&text=Tooltips) )
:zany_face:特而替死
![](https://i.imgur.com/zJH5slN.png =500x)


---






## 參考資料
[六角學院-Bootstrap-元件中英對照](https://bootstrap.hexschool.com/docs/4.2/components/alerts/)
[CodePen：網頁前端的展示平台](https://codepen.io/)

[Bootstrap 自學筆記](https://hackmd.io/@chiisen/H1EX_jn3U)

###### tags: `Bootstrap`