This question is regarding HTML5 WEB DESIGN, making a navigation bar using boots

Question

This question is regarding HTML5 WEB DESIGN, making a navigation bar using bootstrap. I am making a responsive navbar with dropdown menus using bootstrap. When I am in laptop view (Medium view) my Navbar is a horizantal navigation, the Shop tab is a drop down menu that has the three options mens, womens and accessories. For some reason when you click on shop no drop down menu appears. Another problem I am having is when I shrink my browswer the horizontal nav bar is supposed to dissapear and a button appears. When you click on the button a drop down menu should appear with Home, About, Shop (mens, womens and accessories> and Contact. but nothing happens when you click the button. Any help on these two question regarding the navbar would make my day. Thanks in advance:)) Below is my Navigation code

<div class="navbar navbar-inverse navbar-static-top" role="navigation">

           <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse"
       data-target="navbar-collapse">
               <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               </button>
           </div>
           <div class="navbar-collapse collapse">
           <ul class="nav navbar-nav navbar-right">
              <li><a href="index.shtm">Home</a></li>
               <li><a href="About.shtm">About</a></li>
               <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Shop<b class="caret"></b></a>
               <ul class="dropdown-menu">
                   <li><a href="men.shtm">Mens</a></li>
                   <li><a href="women.shtm">Womens</a></li>
                   <li><a href="Accessories.shtm">Accessories</a></li>
</ul>
</li>

           <li><a href="Contact.shtm">Contact</a></li>
       </ul>
   </div>
   </div>

Explanation / Answer

add this line in your code inside body

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>

Related Questions

Navigate

• Browse (All)
• Browse T
• Subjects

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.