Highlighted

Bootstrap top fixed navbar used as a template for many page issues

Community Beginner ,
Jan 19, 2018

Copy link to clipboard

Copied

Thanks for looking at my post.  I'm using the Bootstrap top-fixed Navbar as a template on my DW site.  I inserted the DW Bootstrap navbar and edited it a little bit.  Then, made it a template to use on many pages.  I added links in general links area of the navbar; they work fine on all pages.  I added links in the drop down area of the template.  The drop down toggle responds only on the template page not actually going to the links of course.  On all of the pages the drop down links do not work; while, other links on template do on the site in the browser.  Thinking I may have deleted something I needed when editing the template (removing the search form).  I double checked Jquery and Bootstrap necessary files by inserting another Bootstrap template from DW.  I received no errors that such files where missing.  I'm thinking that using a Bootstrap navbar in a DW template has limitations ?  A sequence of the code follows with a shot of live navbar.  I appreciate your thoughts.  I hope you can zoom in on this code...thanks

SSnavTemp2.pngSSnavTemp1.png

SSnacTmp3.png

Screenshot (70).png

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

When I code a document, I keep like assets in one place. As an example, I will place all of my style rules and CSS links in the HEAD section while placing all of my JavaScript and JS links just above the ending BODY tag. The latter is not always possible when the JS is required to render the page. In that case, I will place the relevant JS in the HEAD section.

If you had done the same, you would have noticed that you have called the jQuery library on two occasions, once in line #42 and once in line #94. This will confuse the browser no end and cause errors to occur.

Why does the menubar without dropdowns work? Because they do not require the jQuery library.

The solution is to remove one of the links (I'll leave it up to you to determine which one) to the jQuery library.

TOPICS
Learn Dreamweaver

Views

329

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Bootstrap top fixed navbar used as a template for many page issues

Community Beginner ,
Jan 19, 2018

Copy link to clipboard

Copied

Thanks for looking at my post.  I'm using the Bootstrap top-fixed Navbar as a template on my DW site.  I inserted the DW Bootstrap navbar and edited it a little bit.  Then, made it a template to use on many pages.  I added links in general links area of the navbar; they work fine on all pages.  I added links in the drop down area of the template.  The drop down toggle responds only on the template page not actually going to the links of course.  On all of the pages the drop down links do not work; while, other links on template do on the site in the browser.  Thinking I may have deleted something I needed when editing the template (removing the search form).  I double checked Jquery and Bootstrap necessary files by inserting another Bootstrap template from DW.  I received no errors that such files where missing.  I'm thinking that using a Bootstrap navbar in a DW template has limitations ?  A sequence of the code follows with a shot of live navbar.  I appreciate your thoughts.  I hope you can zoom in on this code...thanks

SSnavTemp2.pngSSnavTemp1.png

SSnacTmp3.png

Screenshot (70).png

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

When I code a document, I keep like assets in one place. As an example, I will place all of my style rules and CSS links in the HEAD section while placing all of my JavaScript and JS links just above the ending BODY tag. The latter is not always possible when the JS is required to render the page. In that case, I will place the relevant JS in the HEAD section.

If you had done the same, you would have noticed that you have called the jQuery library on two occasions, once in line #42 and once in line #94. This will confuse the browser no end and cause errors to occur.

Why does the menubar without dropdowns work? Because they do not require the jQuery library.

The solution is to remove one of the links (I'll leave it up to you to determine which one) to the jQuery library.

TOPICS
Learn Dreamweaver

Views

330

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 19, 2018 0
Adobe Community Professional ,
Jan 19, 2018

Copy link to clipboard

Copied

When I code a document, I keep like assets in one place. As an example, I will place all of my style rules and CSS links in the HEAD section while placing all of my JavaScript and JS links just above the ending BODY tag. The latter is not always possible when the JS is required to render the page. In that case, I will place the relevant JS in the HEAD section.

If you had done the same, you would have noticed that you have called the jQuery library on two occasions, once in line #42 and once in line #94. This will confuse the browser no end and cause errors to occur.

Why does the menubar without dropdowns work? Because they do not require the jQuery library.

The solution is to remove one of the links (I'll leave it up to you to determine which one) to the jQuery library.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 0