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`