Mobile app version of vmapp.org
Login or Join
Pierce403

: Is there a visual web editor based on bootstrap? Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and

@Pierce403

Posted in: #Css #Html #WebsiteDesign

Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the bootstrap html code.

I don't want to use Dreamweaver because you need to go and add classes and IDs to the html, which could be a pain sometimes.

10.08% popularity Vote Up Vote Down


Login to follow query

More posts by @Pierce403

8 Comments

Sorted by latest first Latest Oldest Best

 

@Dunderdale640

Pinegrow is another very good option. Helps you with layouts in Bootstrap & Foundation, which you can easily edit in other apps too.

10% popularity Vote Up Vote Down


 

@Goswami567

I think that dreamweaver cc 2014 has templates that are very similar to bootstrap that you can use right out of the box.

10% popularity Vote Up Vote Down


 

@Steve758

There is the newest Bootstrap visual editor/builder here:

UMyProto Bootstrap Builder

It's extremely user friendly, you can edit responsive grid in several clicks, add custom CSS styles, change Bootstrap theme through LESS variables, preview/share/download completed HTML files. And the builder works on tablets!

10% popularity Vote Up Vote Down


 

@Murray976

Check out this app I developed: Bootstrap 3 drag'and'drop builder

10% popularity Vote Up Vote Down


 

@Sarah814

Check out Bootply.com -- It's a free browser-based editor for Bootstrap HTML, JS and CSS.


Toolbar with all Bootstrap CSS, Components, and JavaScript
Preview in full screen or mobile/responsive
Includes FontAwesome, jQueryUI and other Bootstrap extensions
Support for Bootstrap 3


UPDATE

Bootply now has support for the upcoming Bootstrap 4.

10% popularity Vote Up Vote Down


 

@Cofer715

Might it be something like this that you are looking for?
www.layoutit.com/
Haven't tried it, though.

10% popularity Vote Up Vote Down


 

@Voss6371140

Jetstrap is an online tool that lets you drag-and-drop a large set of official Bootstrap components right to your page.



They apparently guarantee responsiveness and clean HTML export.

It's free for one project, and for 10 projects.

10% popularity Vote Up Vote Down


 

@Ogunnowo857

stylebootstrap.info/ www.bootstrapthemeroller.com/
It's not really drag and drop, but these may be a solution to what you are actually trying to solve - an easy way to customize bootstrap.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme