General Features
- Extensive visual management of all your Bootstrap 3 Navigations - Add navs, navbars and dropdowns and manage their items.
![](downloads/images/Image018_43.png)
![](downloads/images/Image019_34.png)
- Great visual rendering and management - All available directly in Dreamweaver Design View.
![](downloads/images/Image021_28.png)
- Fully responsive and customizable navigation - Make your navigation fully responsive for any mobile device or desktop browser. Customize it to fit and suit your website or app design from the many provided options.
![](downloads/images/Image020_30.png)
- Automatic "active" item selection - Based on the URL the navigation highlights the corresponding nav item. You can also do that onscroll for different sections of your website or app.
- Full compatibility with DMXzone Font Awesome - Add any of the 369 icons included in DMXzone Font Awesome to enhance your navigation.
![](downloads/images/Image017_41.png)
- Fully responsive floating panel inspector - The floating panel can be docked on any side of your Dreamweaver and is fully responsive.
Navbar
Navbar is a component that serves as navigation header for
your application or website. It is fully responsive and customizable for
your needs.
- Style the navbar - Choose the position of your navbar on your page.
![](downloads/images/Image006_74.png)
![](downloads/images/Image001_121.png)
- Fixed top - The top fixed navbar will always remain on top of your page and will overlay the content onscroll.
- Fixed bottom - The bottom fixed navbar will always remain on the bottom of your page and will overlay the content onscroll
- Static top - The top static navbar remains on top until you scroll down your page and it scrolls away with it.
- Align the navbar - You can
position your navbar either on the left or on the right side of your
page. The default alignment spreads the navbar within the container
width.
![](downloads/images/Image003_95.png)
- Inverse navbar - If you prefer dark skinned navbar, simply modify the look of it by checking the inverse checkbox.
![](downloads/images/Image007_73.png)
![](downloads/images/Image004_81.png)
- Navbar elements - In your navbar you can add a header, collapse and nav.
- Header - Add a header to label your website or app.
![](downloads/images/Image008_57.png)
![](downloads/images/Image009_51.png)
- Collapse - Make your navbar collapsible when the site/app is viewed on mobile devices.
![](downloads/images/Image010_52.png)
![](downloads/images/Image011_49.png)
- Nav - Add menu items withing the navbar.
![](downloads/images/Image005_83.png)
![](downloads/images/Image012_43.png)
- Navbar controls - Add forms and buttons within your navbar
- Form - Add search form with helpful labels for your users.
![](downloads/images/Image013_48.png)
![](downloads/images/Image014_34.png)
- Button -Add different buttons, for example sign in, by customizing the button text.
![](downloads/images/Image015_40.png)
![](downloads/images/Image016_38.png)
Nav
Great and easy accessible navigations are the key to the success of your visitor's experience on your website or app.
- Nav item properties
-Specify the visibility of each nav item, depending on the device that's
been viewed on. Decide which items to show and which not to on mobile
devices and desktop browsers.
![](downloads/images/Image022_27.png)
- Active - Links are customizable for different circumstances. Check active to indicate the current page.
![](downloads/images/Image023_27.png)
- Disabled - Use it for unclickable links in your nav.
![](downloads/images/Image025_24.png)
- Nav items - Easily add nav items before or after an existing item, or delete an item with a single click.
![](downloads/images/Image026_24.png)
- Nav dropdown - Add toggleable, contextual menu for displaying lists of links.
![](downloads/images/Image027_24.png)
- Nav properties - Customize the look of your nav.
- Style - Use tabs or pills for your nav items.
![](downloads/images/Image028_20.png)
![](downloads/images/Image029_21.png)
- Align - Position your nav along the nav container, using the default option, on the left or on the right.
![](downloads/images/Image030_18.png)
- Justified - Easily make tabs or pills equal widths of their parent at screens wider than 768px. On smaller screens, the nav links are stacked.
Each nav item has equal width
![](downloads/images/Image031_21.png)
All nav links are stacked
![](downloads/images/Image032_15.png)
- Stacked - Make the nav links stacked by default, even on screens wider than 768px.
As seen on a screen wider than 768px
All nav links are stacked
![](downloads/images/Image033_13.png)
All nav links are stacked
![](downloads/images/Image035_15.png)
- Delete nav - If you wish to start from scratch the whole nav can be deleted in a single click.
![](downloads/images/Image034_13.png)
Nav Dropdowns
Add active or disabled nav dropdowns with
headers and dividers to save space on your nav or to separate your
website or app sections.
- Add dropdown menu - Add standalone dropdown menu without having a nav or navbar to use it as contextual menu for displaying lists or links.
![](downloads/images/Image036_12.png)
![](downloads/images/Image037_10.png)
- Add button dropdown - Use a button to trigger a dropdown menu, which can be easily customized through the CSS or DMXzone Bootstrap 3 Elements.
![](downloads/images/Image038_12.png)
![](downloads/images/Image039_11.png)
- Add split button dropdown - Similarly, create split button dropdowns with a separate button, which can be also customized through the CSS or DMXzone Bootstrap 3 Elements.
![](downloads/images/Image040_16.png)
![](downloads/images/Image041_8.png)
- Dropdown properties - Make dropdown links active, add headers, dividers, disable links and choose the visibility of the dropdowns on different devices.
![](downloads/images/Image043_9.png)
- Active - Similar to nav items, dropdown links can also be made active to indicate the current page.
![](downloads/images/Image042_11.png)
- Header - Add a header to label sections of actions in any dropdown menu.
![](downloads/images/Image045_10.png)
- Divider - Add a divider to separate sections in the dropdown.
![](downloads/images/Image044_10.png)
- Disabled - Check to disable the link in a dropdown.
![](downloads/images/Image046_11.png)
- Show on - Specify the devices on which the dropdown will be visible and on which it will not be.
![](downloads/images/Image047_8.png)
- Dropdown actions - Open and close the dropdown to customize the headers, links and dividers directly in Dreamweaver.
- Dreamweaver Design View - Click the eye to open or close the dropdown.
![](downloads/images/Image048_7.png)
- Floating panel - Use the open dropdown and close dropdown buttons.
![](downloads/images/Image049_10.png)