後端程序員使用Dreamweaver與Bootstrap所見即所得快速編寫前端頁面

做爲後端程序員我不懂css啊，只是花了幾分鐘簡單的瞭解了下Bootstrap柵格佈局，這裏介紹使用Dreamweaver所見即所得快速編寫前端頁面，方便後端人員作本身的項目。

安裝好Dreamweaver後建立空白文件：

建立空白文件後，選擇live模式：

窗口布局改爲standard模式：

切換出Bootstrap組件：

先在DOM中點擊你要插入位置附近的元素，而後點擊要被插入的Bootstrap組件，好比我要navbar以前插入navigation，我用數字標出點擊順序：

獲得最終結果：