Design

DMXzone Bootstrap
The perfect site layout in just a few minutes
Twitter Bootstrap is the greatest solution for designing CSS based, responsive web layouts and now
with the help of the DMXzone Bootstrap extension, it is fully integrated in Dreamweaver! Directly in
its design view, you can now fully visual create fluid or fixed grid layouts and follow your work in
progress for mobile and desktop browsers by selecting the desired size for mobile phones, tablets or
desktop. With the responsive grid and the great design view integration it allows you to visually
create even the most complicated grid layouts. The extension comes with 8 predesigned pages to
get you started right away.

For even more power and additional 35 ready to go Bootstrap Elements check the DMXzone
Bootstrap Elements Extension!

Bootstrap 3 is already available as Dreamweaver extension!

Features Showcases Videos Requirements History 0 Reviews

Features
Back to Top

General Features
Twitter Bootstrap 12-column responsive grid - The responsive grid system ensures
proper content proportions for different resolutions and devices.
Fully responsive layout within Dreamweaver - When designing a responsive layout you
can follow your work in progress for mobile and desktop browsers directly in
Dreamweaver by selecting the desired size for mobile phones, tablets or desktop.

Support for advanced grid layouts and nested columns - You can add as many rows as
you wish within a column.
Support for fluid or fixed grid layouts - Design a common fixed-width layout or a fluid,
two-column one.
Fixed grid layout
Fluid grid layout
Eight great Bootstrap starter pages integrated in Dreamweaver - You can even use the
supplied sample designs and edit them fully visual in Dreamweaver design view.
Great Design View integration - The DMXzone Bootstrap allows you to add/delete cells,
rows and containers as well as merge cells and spread them in just a mouse click time.

Supported devices - DMXzone Bootstrap supports different devices and screen

resolutions.
DMXzone Boostrap Options Command - You can choose how to include your bootstrap
on your pages; normal, minified or even through CDN, so you can achieve the fastest
performance for your website.

Automatic file copy and include - If you don't like to automatically copy bootstrap files
and inclusion, you can switch it off! 
Bootstrap Grid Management
Grid Cells Management

Add cell left  - will add a new grid cell on the left side of the current selected cell
Add cell right - will add a new grid cell on the right side of the current selected cell
Merge with left cell - will merge the contents of the current grid cell with its right
neighbor
Merge with right cell - will merge the contents of the current grid cell with its left
neighbor
Delete cell - will delete the selected cell

Grid Row Management

Add row above - will add a grid row above the current selected row
Add row inside - will add a grid row inside the current selected cell
Add row below - will add a grid row below the current selected row

General Alignment and selection options

Spread cells - will make all grid cells on the same row equal in size
Select cell - selects the cells and opens the Property inspector
Add container - adds a fluid/fixed container that wraps the page content

Property inspector

Increase offset - increases the number of columns before the cell

Decrease offset - decreases the number of columns before the cell
Expand to left - will expand the width of the current grid cell getting the needed
width from its left neighbor
 Contract from left - will contract the width of the current grid cell and increase the
width of its left neighbor
Expand to right - will expand the width of the current grid cell getting the needed
width from its right neighbor
Contract from right - will contract the width of the current grid cell and increase the
width of its right neighbor

Showcases
Back to Top

Tasks Management System

Design
Dynamic Web Store Collection Showcase

Interactive Designer Collection Showcase

Fashion Deals Daily Showcase

 Interior Design Studio Showcase

Front End Developer Portfolio Showcase

See More

Videos
Back to Top

Convert Bootstrap 2 Based Page to Bootstrap 3

Learn how to convert your Bootstrap 2 page to Bootstrap 3
 DMX|ZONE  

Building a Dynamic Responsive Portfolio Page

Learn how to create a dynamic and responsive page
 Creating Responsive Thumbnail Gallery with File Genie
Learn how to create a Responsive Thumbnail Gallery

Using DMXzone Bootstrap Include Options

Select the way you include your Bootstrap Files

Showing Button Group When Hovering Thumbnail

Show Button Group when a Thumbnail element is hovered

Using DMXzone Bootstrap Buttons, Images, Icons and Pagina…

Learn how to implement buttons, images, icons and pagination

See More

Requirements
Back to Top

Type: Suite
Product: Dreamweaver CS5.5, Dreamweaver CS6, Dreamweaver CC+
Browser: IE 7, Chrome 9+, IE 8, Opera 10+, IE 9, Safari 5+, Firefox 4+, Chrome 10+, Opera 11
Used Technologies: CSS

History
Back to Top

Version 1.2.1
Improved compatibility with the new DMXzone Bootstrap 3 & Bootstrap 3 Elements
Allow custom bootstrap builds with own paths to be used in the DMXzone Bootstrap
Options
 DMX|ZONE  
Version 1.2.0
Fully compatible with the new DMXzone Bootstrap 3, so you can run Bootstrap 2 and
Bootstrap 3 next to each other.
Included the latest Twitter Bootstrap 2.3.2. Note that this is the latest of the version 2
branch of Twitter Bootstrap.
 Added compatibility for the new HTML5 Data Bindings and DMXzone Database
Connector PHP/ASP, Database Updater PHP/ASP and Security Provider PHP/ASP
extensions that allows you to build Ajax driven database web apps or single page apps.
New option in Bootstrap Scaffolding panel to just "Add Bootstrap"
Included the latest jQuery 1.10.2

Version 1.1.0
New DMXzone Boostrap Options Command - You can choose how to include your
bootstrap on your pages; normal, minified or even through CDN, so you can achieve the
fastest performance for your website.
New option for automatic file copy and include - If you don't like to automaticaly copy
bootstrap files and inclusion, you can switch it off!
Updated DMXzone Head Include global component to support full paths from CDN
Included latest jQuery 1.10.1
Improved Dreamweaver CC installation support

Version 1.0.1
NEW: Fully rendering the Twitter Bootstrap icons from Glyphicons in Dreamweaver
Design View!
NEW: Full support for DMXzone Bootstrap Elements extension!
Fixed Bootstrap dependent files copy on clean Dreamweaver installations
Fixed Starter pages not copying the main bootstrap.css file
Set minimum requirement to DW CS5.5

George Petrov
George Petrov is a renowned software writer and developer whose extensive skills brought
numerous extensions, articles and knowledge to the DMXzone- the online community for
professional Adobe Dreamweaver users. His expertise in countless languages and
technologies gives inspiration and teach valuable lessons on his website – DMXzone.com
which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Other Design
 DMX|ZONE  
Bootstrap 3 Dynamic Paging Generator
Auto generate dynamic paging in seconds

Bootstrap 3 Dynamic Table Generator

Auto generate dynamic tables in seconds
Bootstrap 3 Dynamic Form Generator
Auto generate dynamic forms in seconds

DMXzone Bootstrap 3
Next generation perfect site layout in a few minutes

DMXzone Bootstrap 3 Forms Designer

Create amazing Bootstrap 3 forms for your website or app

DMXzone Bootstrap 3 Navigation

Great Bootstrap 3 Navigation for your website or app

DMXzone Bootstrap 3 Elements

37 ready to go and fully customizable elements for Bootstrap 3

DMXzone Bootstrap 3 Components

Empower the best Bootstrap 3 Responsive Components

HTML5 Animate CSS

Just-add-water CSS animations

DMXzone Bootswatch
15 amazing Bootstrap 3 themes

More Extensions from George Petrov

DMXzone Database Connector ASP.NET

Connect to your database

DMXzone Database Updater ASP.NET

Define and connect your database update actions

DMXzone Security Provider ASP.NET

Define and connect your security provider

HTML5 Form Validator Unicode Add-on

Allow Unicode in your form inputs

HTML5 Form Validator

The most powerful HTML5 client and server side validation
 DMX|ZONE  
DMXzone Data Exporter
Export data to CSV and XML files

DMXzone Data Importer

Import data from CSV and XML files
 DMXzone Zip Processor
Pack and unpack files and folders quickly

DMXzone Mailer
The most advanced mailing service

DMXzone Image Processor

Enhance and manipulate your images with ease

Place your review about DMXzone Bootstrap Back to Top

Subject

Review

You must me logged in to write a review

Reviews
Be the first to place a review

 DMX|ZONE
Download ZXP  

 Download MXP

 Support Forum
  Manual

Author: George Petrov

Version: 1.2.1

On Sale

Only until September 21, 2016

DMXzone Database Connector ASP.NET

Save €10.00
€139.00 €129.00
Only until September 21, 2016
DMXzone Database Updater ASP.NET
Save €10.00
€89.00 €79.00
Only until September 21, 2016

DMXzone Security Provider ASP.NET

Save €10.00
€89.00 €79.00
Only until September 21, 2016

DMXzone Cordova Builder

Save €10.00
€89.00 €79.00

Others also bought

All Extensions Access Monthly Subscription €89.00

DMXzone Bootstrap 3 €49.00

Advanced CSS Animator

DMX|ZONE €59.00

DMXzone Database Connector PHP €139.00

HTML5 Image Enhancer €35.00

Related Collections
 Interactive Designer Collection €128.00

Universal Responsive Bootstrap Kit €103.00

Related Products

DMXzone Bootstrap Elements

 Currency:   
Company Info Payment & Pricing
About Us Payment Methods
Contact Us VAT / Tax
Advertising Volume Pricing
Sponsors Discount Codes
Writers Subscriptions
Hall Of Fame Legal Notices
Terms & Conditions
Subscription Terms
Privacy Policy
Refund Policy
Licenses
Guides
Using The Shopping Cart
Navigating The Profile Page
Getting The Best Support
Using The Support Forums
Where Do I Find My Serial
How To Install An Extension

Copyright © 2001-2016 Dynamic Zones International B.V., All Rights Reserved.

 DMX|ZONE  