Bootstrap 3 & 4 速查表(cheat sheet)﹍中英文版整理

jQuery 這套框架(framework)的誕生，是為了讓工程師寫更少的 Javascript、做更多事。同樣的，Bootstrap 的誕生，可以讓前端工程師處理版面 CSS 時節省許多時間，能專注在更重要的主題上。

Bootstrap 把網頁設計常用的元件，例如按鈕、表單、表格等等，都打包成一組組的 class 名稱，直接呼叫就能產生不錯的樣式、版面。

但我們很難記住所有的 class 名稱，因此有個便利的線上速查表是非常必須的，就算買本 Bootstrap 書來翻，速度都還嫌太慢。在網路時代 "搜尋" 才是王道，使用實體英文字典的年代已經過去了。

最近使用 Bootstrap 的頻率挺高，因此整理了這篇含多種用途的速查表，中英文都有，同時也會說明適合使用的族群、或場合。


唯一首選：Bootstrap 4 Cheat Sheet

另一個英文網站，則是整理了所有 V3 class 名稱，並依字母排序：

• Bootstrap 3 All CSS Classes List and Cheat Sheet PDF

官方說明書

• Bootstrap V3 英文官網教學：Bootstrap CSS
• V3 繁體中文翻譯網站：https://kkbruce.tw/bs3/CSS 
• V3 簡體中文翻譯網站：http://v3.bootcss.com/css/

• 對於已經熟悉 Bootstrap 的讀者，建議使用「一、Bootstrap 3 & 4 英文版」→「1. 最佳速查表」，可節省很多時間。
• 如果還不熟悉 Bootstrap，建議先從中文版翻譯網站學習概念、使用方法。基本概念都具備後，就可使用英文速查表了。

原始介紹文章出自於此