Bootstrap Drag & Drop Builder - BootGear

The HTML Builder is a great tool for being able to visually see the blocks as you drag them in to position and decide which layout works best for your site.

The builder includes some simple editing functions, for changing text content, style and importing images, the individual block's code can also be edited from the builder.

Once you have the layouts finished you can export your page(s) which will download all the necessary files to your computer.

Element Editing

The HTML Builder allows users to drag content blocks onto a canvas and drop them where they'd like them to appear. These blocks can be re-positioned on the page by clicking and dragging again. Hovering over a placed content block will display options to 'View Source', 'Reset' or 'Delete'.

Content Editing

The HTML Builder allows for certain portions of text to be edited from within the builder, by selecting the 'Content' option at the top of the screen, then click the text block you wish to edit.

Detail Editing

Selecting the 'Detail' option at the top also allows you to edit images, text details (size, color etc) and icons.

Export HTML

Once you are all done with customizations, click the 'Export' button at the top or the left panel.

The software will then collect together all HTML files along with all CSS, JS and Image files and will download to your computer as a ZIP file.

We have separated the Elements into the following categories:
All Elements
Headers
Promo Section
Content Section
Gallery
Team
Pricing Tables
E-Commerce
Blog
Contact
Footer
Shortcodes

Want More Elements to be added or Maybe we missed out some shortcodes, Let us know we will add for you!

Use Of Resources


Theme is based on Twitter Bootstrap, its recommended to see visit bootstrap docs page if you are not familiar with it.
Font awesome icons has been used. you can visit the page for more details
and lets not forget most important ingredient , Jquery – JS library

Get it On Codecanyon Click Here

More by Junaid Raza

View profile