是否有基于引导的可视化Web编辑器？

11

Bootstrap是一个很好的框架，我想知道是否有一个工具可以让您拖动html组件，调整其大小和移动它们，更改颜色，同时生成bootstrap html代码。

我不想使用Dreamweaver，因为您需要去为html添加类和ID，这有时可能很麻烦。

website-design css html

— 卡梅尔·拉比亚德（Kamel Labiad）
source

1

如果您要使用一个特定的CSS，我不认为要特别困难，按钮和所有UI组件应预先设置样式，这是唯一的提法，这可以节省很多时间

— Kamel Labiad

1

@ DA01所见即所得非常棘手。他们一直在进步，但是在网络转弯并变得更加复杂之前似乎永远无法赶上。对于可以在台式机和笔记本电脑上运行的非常基本的网站来说，它们可以很好地工作，但这似乎与之有关。

— 埃里克

最终，这似乎是我在寻找pingendo.com的答案

— Kamel Labiad

5

Jetstrap是一个在线工具，可让您将大量的官方Bootstrap组件拖放到页面上。

在此处输入图片说明

它们显然保证了响应能力和干净的HTML导出。

一个项目免费，而10个项目8美元。

— 伊塞拉
source

不再可用。

— 斯凯利

3

查看Bootply.com-这是一个免费的基于浏览器的Bootstrap HTML，JS和CSS编辑器。

所有Bootstrap CSS，组件和JavaScript的工具栏
全屏预览或移动/响应式预览
包括FontAwesome，jQueryUI和其他Bootstrap扩展
对Bootstrap 3的支持

更新

Bootply现在支持即将推出的Bootstrap 4。

— 斯凯利
source

这看起来确实是一个很好的解决方案

— Chaklader Asfak Arefe

2

您可能正在寻找这样的东西吗？

http://www.layoutit.com/

还没有尝试过。

— 戴维·赫尔姆
source

1

http://stylebootstrap.info/

http://www.bootstrapthemeroller.com/

并不是真正的拖放操作，但这可能是您实际要解决的问题的解决方案-一种自定义引导程序的简便方法。

— 瑞安·杜姆（Ryan Doom）
source

0

这里有最新的Bootstrap可视编辑器/生成器：

UMyProto引导程序生成器

它非常用户友好，您可以单击几下来编辑自适应网格，添加自定义CSS样式，通过LESS变量更改Bootstrap主题，预览/共享/下载完整的HTML文件。而构建器可以在平板电脑上使用！

— 伊普塞隆
source

似乎永远消失了！

— Chaklader Asfak Arefe's

0

我认为Dreamweaver cc 2014具有与引导程序非常相似的模板，您可以立即使用它们。

— 你的马拉松
source

感谢您的贡献，欢迎来到GraphicDesign！如果您有任何疑问，请告诉我们。

— Zach Saucier 2015年

0

看看我开发的这个应用程序：Bootstrap 3 drag'and'drop builder

在此处输入图片说明

— 用户名
source

这似乎是一个很棒的概念，但是它甚至不在beta和私人邀请中，因此它甚至还没有发布进行测试，因此很难推荐它。

— DᴀʀᴛʜVᴀᴅᴇʀ

在此处尝试免费的Bootstrap模板KIT bootstraptor.com/bootstrap-free和Bootstrap 3. *高级开发人员入门工具包bootstraptor.com

— user2345551 2014年

0

Pinegrow是另一个非常好的选择。帮助您使用Bootstrap＆Foundation中的布局，您也可以在其他应用程序中轻松进行编辑。

— 螺旋
source