DMXzone Bootstrap Features Unveiled

May 27, 2013

Explore the features packed in the DMXzone Bootstrap

Just a couple of days before the official release we unveil the features that our developers packed in the DMXzone Bootstrap extension. With its awesome 12-column fully responsive grid, this extension is the best solution for designing web pages layouts in just a few minutes. The great design view integration offers quick adding/deleting of cells, rows and containers as well as merge and spread of cells. These and many more features you'll find below in our Features in detail.

Stay tuned for the official release of this Dreamweaver extension on Wednesday.

The Story

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.

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 sells 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

Related Blog Posts

Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>

Comments

Be the first to write a comment

You must me logged in to write a comment.