DMXzone Bootstrap 3 Navigation Manual

Learn how to work with DMXzone Bootstrap 3 Navigation

In this article you will find all the needed information about using DMXzone Bootstrap 3 Navigation extension for Dreamweaver. The tutorials will walk you through the basic and also advanced options of this tool. We covered everything from enabling DMXzone Bootstrap 3 Navigation in Dreamweaver, creating navbars, navs, dropdowns and more. Note that you need to have DMXzone Bootstrap 3 installed in DW in order to use the navigation extension.

If you experience any troubles working with the extension, please post in the extension forums or contact our Live support during business hours. 


Advanced: Create Onscroll Navigation

In this tutorial we will show you how to create a single page website with a fixed to top navbar which automatically highlights the active nav items based on the scroll position.

*You can also check out the video.

How to do it

  1. We created our page layout using DMXzone Bootstrap 3. Our website contains four sections - home, services, portfolio and testimonials. We added an ID to each of the sections. The IDs of the sections are: #home, #services, #portfolio and #testimonials.

  1. Let's add the navbar to our page. Click above the home section (1) and in the Bootstrap 3 Navigation tab (2), click add navbar button (3).

  1. Click add header button (1) and change the default navbar header text to your page name.

  1. Click inside the navbar container (1) and click add collapse button (2).

  1. Click inside the collapse container (1) and add nav (2).

  1. We change the nav items text so they correspond to our website sections (1) and add one more nav item (2).

  1. We change the nav item text to testimonials (1) and choose fixed top alignment (2).

  1. In the properties tab (1), click the home nav item (2) and add #home as a link (3).

  1. We do the same with the rest of the nav items, using their IDs led by # as link. Now you can save your work and preview the result.

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.