1、不需要關(guān)注的內(nèi)容

Bootstrap5中文手冊（http://www.roadlinkinfra.com/doc/book/2）前兩章和后兩章（快速入門、定制、擴展、關(guān)于）都不需要看，只需要看《俺老劉Bootstrap5簡明教程》中的基礎(chǔ)入門部分即可。

2、布局（Layout）

斷點（Breakpoints）：斷點是可自定義的寬度，用于確定Bootstrap中如何跨設(shè)備或視口大小執(zhí)行響應(yīng)布局。

容器（Containers）：容器是Bootstrap的基本構(gòu)建塊，用于在給定的設(shè)備或窗口中包含、填充和對齊內(nèi)容。

網(wǎng)格（Grid）：使用我們強大、行動優(yōu)先的彈性盒子的網(wǎng)格來建立符合各種尺寸的網(wǎng)頁排版，包含十二欄系統(tǒng)、六個缺省的響應(yīng)式斷點、Sass變量和mixins，以及很多預(yù)定義的類。

列布局（Columns）：借助我們的彈性盒子網(wǎng)格系統(tǒng)，了解如何使用一些用于對齊、排序和偏移的選項來修改列。另外，請參閱如何使用列類來管理非網(wǎng)格元素的寬度。

間隙（Gutters）：間隙是列之間的填充，用于在Bootstrap網(wǎng)格系統(tǒng)中相應(yīng)地分隔和對齊內(nèi)容。

布局通用類（Utilities）：布局通用類（Utilities）有時翻譯為布局實用程序，為了更快的移動友好和響應(yīng)性開發(fā)，Bootstrap包含了幾十個用于顯示、隱藏、對齊和間隔內(nèi)容的實用程序類。

層級（Z-index）：雖然z索引不是Bootstrap網(wǎng)格系統(tǒng)的一部分，但它在組件如何相互覆蓋和交互方面起著重要的作用。

3、頁面內(nèi)容（Content）

重置（Reboot）：針對單一文件內(nèi)CSS的特定元素重置樣式，重置以便Bootstrap準確且一致的建立樣式。

文字排版（Typography）：Bootstrap排版的文檔和示例，包括全局設(shè)置、標題、正文、列表等。

圖片（Images）：本文檔及示例展示了如何讓圖片支持響應(yīng)式行為（這樣它們就不會超出父元素的范圍）以及如何通過類（class）添加些許樣式。

表格（Tables）：Bootstrap設(shè)置表格文件和示例（提供表格在JavaScript插件程序中的用途）

畫像（Figures）：通過 Bootstrap 的畫像（figure）組件來顯示相關(guān)聯(lián)的圖片和文本。本文檔包含了畫像（figure）組件的說明和示例。

4、表單（Forms）

表單概覽（Overview）：Bootstrap表單控件樣式、布局選項和用于創(chuàng)建各種表單的自定義組件的示例和使用指南。

表單控件（Form control）：為<input>和<textarea>等文本表單控件提供自定義樣式、大小、焦點狀態(tài)等的升級。

下拉列表（Select）：使用重置的CSS，重定義原生的下拉列表外觀。

多選與單選（Checks & radios）：使用我們重構(gòu)過的勾選組件，建立跨瀏覽器、跨設(shè)備皆一致的復(fù)選框（checkbox）及單選按鈕（radio）。

范圍選擇（Range）：使用我們的自定義范圍輸入實現(xiàn)一致的跨瀏覽器樣式和內(nèi)置自定義。

輸入組合（Input group）：通過在文本輸入、自定義選擇和自定義文件輸入的任一側(cè)添加文本、按鈕或按鈕組，可以輕松擴展窗體控件。通過在文本輸入的任一側(cè)添加文本、按鈕或按鈕組（自定義），可以輕松擴展窗體控件

浮動標簽（Floating labels）：創(chuàng)建能夠漂浮在輸入字段上的，漂亮簡單的表單標簽。

表單布局（Layout）：使用我們的表單布局選項，為表單提供從內(nèi)聯(lián)到水平再到自定義網(wǎng)格實現(xiàn)的一些結(jié)構(gòu)。

表單驗證（Validation）：通過瀏覽器默認行為或自定義樣式和JavaScript，通過HTML5表單驗證向用戶提供有價值的、可操作的反饋。

5、組件（Components）

手風琴（Accordion）：結(jié)合我們的折疊JavaScript插件構(gòu)建垂直折疊手風琴。

警告框（Alerts）：為典型用戶操作提供上下文反饋消息，并提供少量可用且靈活的警報消息。

徽章（Badge）：文件和徽章，我們的小計數(shù)和標簽組件的例子。

面包屑導(dǎo)航（Breadcrumb）：指示當前頁在導(dǎo)航層次結(jié)構(gòu)中的位置，該層次結(jié)構(gòu)通過CSS自動添加分隔符。

按鈕（Buttons）：使用Bootstrap自定義的按鈕樣式來進行表單、對話框等操作，并支持多種大小、狀態(tài)等。

按鈕組（Button group）：將一系列按鈕組合在一行上，或?qū)⑺鼈兌询B在一個垂直的列中。

卡片（Card）：Bootstrap的卡提供了一個靈活的、可擴展的內(nèi)容容器，其中包含多種變體和選項。

輪播（Carousel）：一種幻燈片放映組件，用于在元素、圖像或文本幻燈片（如旋轉(zhuǎn)木馬）之間循環(huán)播放。

關(guān)閉按鈕（Close button）：通用的關(guān)閉按鈕，用于關(guān)閉互動視窗或是警報之類的內(nèi)容。

折疊（Collapse）：在項目中透過Boostrap的類別及JavaScript插件切換內(nèi)容的可視性。

下拉菜單（Dropdowns）：使用Bootstrap下拉菜單插件切換上下文覆蓋效果，顯示連接列表以及更多的內(nèi)容。

列表群組（List group）：列表組是顯示一系列內(nèi)容的靈活而強大的組件。修改和擴展它們以支持其中的任何內(nèi)容。

模態(tài)彈框（Modal）：使用Bootstrap的JavaScript模式插件將對話框添加到站點中，用于燈箱、用戶通知或完全自定義的內(nèi)容。

導(dǎo)航和選項卡（Navs & tabs）：有關(guān)如何使用 Bootstrap附帶的導(dǎo)航組件的文檔和示例。

導(dǎo)航工具條（Navbar）：Bootstrap強大的響應(yīng)式導(dǎo)航條文件和示例。包括品牌，導(dǎo)覽等，以及針對折疊插件的支持。

滑動導(dǎo)航（Offcanvas）：使用一些類和我們的JavaScript插件在項目中構(gòu)建隱藏的側(cè)邊欄，用于導(dǎo)航、購物車等。

分頁導(dǎo)航（Pagination）：用于顯示分頁以指示跨多個頁面存在一系列相關(guān)內(nèi)容的文檔和示例。

彈出提示框（Popovers）：Bootstrap彈出提示框的文件與示例，風格類似iOS，可加在網(wǎng)頁上的任何元素上。

進度條（Progress）：使用Bootstrap自定義進度條的文件和示例，這些進度條支持堆疊、動態(tài)背景和文字標簽。

滾動監(jiān)控（Scrollspy）：根據(jù)滾動位置自動更新Bootstrap 導(dǎo)航或列表組組件，以指示視口中當前處于活動狀態(tài)的鏈接。

讀取圖標（Spinners）：使用Bootstrap讀取圖標以表示元件加載狀態(tài)，這些讀取圖標完全使用HTML，CSS，而沒有使用到JavaScript。

吐司消息（Toasts）：通過Toasts向使用者推播通知，它是一種輕量且易于客制化的警報消息

工具提示（Tooltips）：如何透過CSS與Javascript添加自定義Bootstrap工具提示的文件與示例。其中CSS3用于動畫，data-bs-attributes用于用于本地標題的儲存。

6、助手（Helpers）

清除浮動（Clearfix）：透過增加clearfix通用類別，可以快速輕松地清除容器中的浮動內(nèi)容。

彩色鏈接（Colored links）：帶懸停狀態(tài)的彩色鏈接

長寬比（Ratio）：使用產(chǎn)生的偽元素使元素保持您選擇的長寬比。非常適合根據(jù)父對象的寬度響應(yīng)處理視頻或嵌入幻燈片。

定位（Position）：使用這些輔助器可以快速配置元素的位置。

視覺隱藏（Visually hidden）：使用這些工具可以在視覺上隱藏元素，但元素仍可以被輔助技術(shù)使用。

延伸鏈接（Stretched link）：透過CSS將連接“延伸”，令任何HTML元素或Bootstrap元件變得可點擊。

文字截斷（Text truncation）：用省略號截斷長字符串。

7、通用類（Utilities）

通用類別API：通用類別API是基于Sass工具所產(chǎn)生的通用類。

背景（Background）：通過背景色傳達意義，并添加漸變裝飾。

邊框（Borders）：使用Border通用類別迅速設(shè)計一個元素的border和border-radius。可用于圖象、按鈕、或任何其它元素。

顏色（Colors）：借助一些顏色通用類別讓顏色的表達具有意義。這也包括支持有hover狀態(tài)的樣式連接。

顯示方式（Display）：使用display通用類別快速且響應(yīng)式的切換元件的顯示與否。我們的display通用類別包含許多常用的值，另外在打印時也能使用。

彈性盒子（Flex）：flexbox彈性盒子通用類別的套件包管理網(wǎng)格欄的排版、對齊、尺寸縮放，以及導(dǎo)覽、元件等。對于更復(fù)雜的表現(xiàn)則需要自定義CSS。

浮動（Float）：使用我們響應(yīng)式的float通用類別，在任何斷點上切換任何元素的浮動。

互動（Interactions）：可改變使用者如何與網(wǎng)頁內(nèi)容互動的通用類。

溢出（Overflow）：使用這些速記的通用類別快速配置內(nèi)容溢出元素的方式。

位置（Position）：使用這些速記實用程序可以快速配置元素的位置。

陰影（Shadows）：使用box-shadow通用類別來增加或移除陰影。

尺寸（Sizing）：使用寬度和高度通用類別，可以輕松地將一個元素加寬或增高。

間距（Spacing）：Bootstrap包括各種簡寫響應(yīng)式margin、padding和間隔的通用類別，用來修改一個元素的外觀。

文字（Text）：文字通用類別的文檔和示例，用于控制對齊、環(huán)繞、粗細等。

垂直對齊（Vertical align）：輕松地改變inline、inline-block、inline-table、和table元素的垂直對齊方式。

可視性（Visibility）：通過可視性通用類別控制元素的能見度，不需要修改元素的實際空間。