1、Bootstrap的可视化制作工具：Jetstrap：
Jetstrap是一个基于 Bootstrap 前端框架的可视化设计工具。通过 Jetstrap制作出来的网页 100% 符合 Bootstrap 标准。比如说你只要设计了电脑端的页面，它会自动适配手机端和 Pad 端（响应式设计）。
2、Bootstrap可视化编辑器工具-LayoutIt
简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站？是的，LayoutIt 是一个 Twitter Bootstrap 界面生成器，能够帮助你快速制作出网站和界面模型，同时能够下载生成的网站代码。
3、Bootstrap的可视化制作工具：bootswatchr
bootswatchr是从地面上创建一个自定义的BootStrap主题的可视化工具。最大的方便就是 我们可以在左侧修改css或者html代码，然后修改结果会直接会显示在右侧。更重要是一个在线编辑和免费生成Bootstrap主题的酷站。
首先建议不要用那个可视化编辑，不好用，如果实在想用的话，参考以下步骤：1，选择菜单: windows ->preferences
2，在弹出窗口中选择General->Editors ->File Associations
3，在右侧找到*.jsp，然后在下面的列表中选择：MyEclipse Visual JSP Designer
MyEclipse html可视化编辑器如何关闭：
1、打开mye的jsp文件，默认是这样子的，如图
2、找到mye的window--preferences
3、在搜索框搜索file，找到如图画圈处，双击ta
4、要修改jsp文件，就在下图中找到.jsp，点击ta
5、图示中介绍的很详细了，注意看哦
6、将非可视化 那个设置为default(默认)，点击ok
7、关闭已经启动的jsp文件，重启ta，看效果
8、此处已经没有可视化编辑窗口了
9、修改html文件，与之类同。
我一般页面写都是用DW做的，编辑过很多DIV CSS页面，感觉还不错。不过我强烈推荐你使用firefox的web-developer插件，这个在查找div css错误时非常好用，毕竟再所见即所得的编辑器也有不足的地方，两者配合使用非常好。
另外针对IE对CSS的支持问题，你可以安装IETester软件，这个软件可以从IE5到IE8分别显示，可以让你查看在各种IE版本下的显示，非常适合于查找各种版本的错误信息。
