在 Dreamweaver CC 中建立 Bootstrap 4 空白頁面

1.新增一個空白的 Bootstrap 4 頁面

Dreamweaver cc 2018 後的版本預設內建使用的是 Bootstrap 3.4（需更新為 Bootstrap 4），請由網站設定（【網站 新增或修改網站】命令）的【進階】設定中指定要使用的版本。若使用的是 Dreamweaver cc 2019，預設即為採用 Bootstrap 4。

STEP1. 新增一個網站（【網站 新增網站】命令），網站資料夾選擇為要建構 Bootstrap 網站的資料夾（請自行在電腦硬碟中新增資料夾即可），由左側切換至【Bootstrap】即可檢視版本，按下【儲存】完成新增網站設定。

若使用的是 Dreamweaver cc 2019，預設即為採用 Bootstrap 4，即不需版本設定，只需要新增網站即可。

STEP2. 在Dreamweaver執行【檔案開新檔案】，於【新增文件】交談窗中直接選擇【架構 BOOTSTRAP】、 Bootstrap CSS 選擇【新建】、【設計】不勾選【包含預先建立的版面】項目，按下【建立】後，開啟的即是空白的 Bootstrap 架構頁面。

儲存檔案後，所有與 CSS 與 JS 相關的串聯位址即更新完成，並且自動於定義網站內產生 CSS 與 JS 資料夾。

2.包含預先建立的版面

STEP3. 再次開啟一個新檔，【設計】改勾選【包含預先建立的版面】項目，即可開啟包含了一部分 Bootstrap 預設架構的頁面內容。

開啟的頁面是有包含預設的頁面內容編排，即可先簡單參考頁面內容與預設可使用素材。