后端程序员使用Dreamweaver与Bootstrap所见即所得快速编写前端页面

作为后端程序员我不懂css啊,只是花了几分钟简单的了解了下Bootstrap栅格布局,这里介绍使用Dreamweaver所见即所得快速编写前端页面,方便后端人员做自己的项目。

安装好Dreamweaver后创建空白文件:

后端程序员使用Dreamweaver与Bootstrap所见即所得快速编写前端页面

创建空白文件后,选择live模式:
后端程序员使用Dreamweaver与Bootstrap所见即所得快速编写前端页面

窗口布局改成standard模式:
后端程序员使用Dreamweaver与Bootstrap所见即所得快速编写前端页面

切换出Bootstrap组件:
后端程序员使用Dreamweaver与Bootstrap所见即所得快速编写前端页面

先在DOM中点击你要插入位置附近的元素,然后点击要被插入的Bootstrap组件,比如我要navbar之前插入navigation,我用数字标出点击顺序:
后端程序员使用Dreamweaver与Bootstrap所见即所得快速编写前端页面

得到最终结果:
后端程序员使用Dreamweaver与Bootstrap所见即所得快速编写前端页面

相关推荐