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

38次阅读

共计 242 个字符,预计需要花费 1 分钟才能阅读完成。

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

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

创建空白文件后,选择 live 模式:

窗口布局改成 standard 模式:

切换出 Bootstrap 组件:

先在 DOM 中点击你要插入位置附近的元素,然后点击要被插入的 Bootstrap 组件,比如我要 navbar 之前插入 navigation,我用数字标出点击顺序:

得到最终结果:

正文完
 0