Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

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.

share|improve this question
    
No one has yet invented the magical WYSIWYG visual editor that makes usable HTML yet. –  DA01 May 10 '13 at 2:58
1  
I dont think that hard thing to do specially if you want to use one specific css, the button and all UI component should be pre-styled, thats the only deference and this could save a lot of time –  Kamel Labiad May 10 '13 at 3:19
    
@DA01 WYSIWYGs are tricky. They keep getting better, but never seem to catch up enough before the web takes a turn and becomes exponentially more complex again. They're at a point where they can work fine for very basic websites that'll run on desktops and laptops, but that seems to be about it. –  Eric Aug 1 '13 at 12:41
add comment

6 Answers

http://stylebootstrap.info/

http://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.

share|improve this answer
add comment

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

enter image description here

They apparently guarantee responsiveness and clean HTML export.

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

share|improve this answer
add comment

Might it be something like this that you are looking for?

http://www.layoutit.com/

Haven't tried it, though.

share|improve this answer
add comment

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 (RC)
share|improve this answer
add comment

I think this is not exactly what looking for but here you can find Bootstrap templates with html code ready to use: http://bootswatch.com/.

And there you have beautiful Bootstrap based templates (but that does not seem at first glance): http://bindtuning.com/

share|improve this answer
add comment

Check out new Bootstrap 3 drag&drop visual builder beta http://builder.bootstraptor.com

enter image description here

share|improve this answer
    
That appears to be a great concept but it's not even in beta and private invite only so its not even released yet for testing so it would be hard to recommend it. –  Gramps Feb 3 at 14:58
    
try free bootstrap templates KIT bootstraptor.com/bootstrap-free and Bootstrap 3.* premium developer Starter KIT here bootstraptor.com –  user2345551 Feb 6 at 23:21
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.