> For the complete documentation index, see [llms.txt](https://docs.webmix.cc/responsive-web-design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webmix.cc/responsive-web-design/4.-bootstrap-framework/4.9-jin-zai-ru-grid-xiang-guan-css.md).

# 5.1 載入 Grid 相關 CSS

## 下載 Bootstrap Grid System

進到 [Bootstrap 官網](https://getbootstrap.com/)，然後如下示意圖來下載，也可順便留意所下載的本版：

<figure><img src="/files/tw2UUc3Zi5HO63AbeeOY" alt=""><figcaption></figcaption></figure>

然後在下圖的示意中，說明了若只需要「Grid System」的話，所需要的檔案：

<figure><img src="/files/025Tk7Wlgl8xkcEGylH0" alt=""><figcaption></figcaption></figure>

從剛剛下載的資料夾裡，有 **`css`** 資料夾，在裡面找到 **`bootstrap-grid.min.css`** 檔案，如下圖：

<figure><img src="/files/jZ4xCQtFzVh20xFfQUiS" alt=""><figcaption></figcaption></figure>

請複製一份，放到 **`practice/vendors/bootstrap/`** 資料夾裡即可。