東莞市位于廣東省中南部，珠江口東岸，東江下游的珠江三角洲。因地處廣州之東，境內(nèi)盛產(chǎn)莞草而得名。東漢末年，順帝置東莞郡，東莞由此得名。
作為廣東省轄地級市、超大城市，東莞市是全國5個不設(shè)區(qū)的地級市之一。此外，東莞市還是國務(wù)院批復確定的珠江三角洲東岸中心城市，廣東省歷史文化名城，全國文明城市，全國籃球城市，廣東重要的交通樞紐和外貿(mào)口岸，是全國4個不設(shè)區(qū)的地級市之一，粵港澳大灣區(qū)核心引擎之一，為“廣東四小虎”之首，號稱“世界工廠”。
Bootstrap 5的網(wǎng)格系統(tǒng)是其布局體系的核心部分，它基于CSS的Flexbox構(gòu)建，提供了靈活且強大的布局選項。網(wǎng)格系統(tǒng)使得開發(fā)者可以更加輕松地創(chuàng)建復雜的頁面布局，同時保持響應(yīng)式設(shè)計。
Bootstrap 5的網(wǎng)格系統(tǒng)有以下幾個主要特點：
容器（Containers）：網(wǎng)格系統(tǒng)需要放在容器中，Bootstrap 5提供了兩種容器類，分別是.container和.container-fluid。.container類用于固定寬度的容器，而.container-fluid類則用于全屏寬度的容器。
行（Rows）和列（Columns）：在容器中，可以使用.row類來創(chuàng)建行，然后在行中使用.col-*類來創(chuàng)建列。*表示不同的屏幕尺寸，例如.col-sm-*表示屏幕寬度等于或大于576px的列，.col-md-*表示屏幕寬度等于或大于768px的列，以此類推。
列數(shù)：Bootstrap 5的網(wǎng)格系統(tǒng)基于12列，開發(fā)者可以通過設(shè)置不同的類來控制列的寬度。例如，.col-sm-4表示在屏幕寬度等于或大于576px時，該列的寬度為父容器寬度的1/3。
自動布局列：Bootstrap 5的網(wǎng)格系統(tǒng)還提供了自動布局列的功能，通過.col類可以創(chuàng)建等寬度的列，而不需要指定具體的列數(shù)。此外，還可以通過設(shè)置.col-*類來定義不同屏幕尺寸下的列寬度。
響應(yīng)式設(shè)計：Bootstrap 5的網(wǎng)格系統(tǒng)支持響應(yīng)式設(shè)計，開發(fā)者可以根據(jù)不同的屏幕尺寸來定義不同的列寬度，從而實現(xiàn)頁面在不同設(shè)備上的良好顯示效果。
Bootstrap 5的網(wǎng)格系統(tǒng)為開發(fā)者提供了強大而靈活的工具，使得創(chuàng)建響應(yīng)式、美觀的網(wǎng)頁布局變得更加容易。
