Bootstrap dropdown menus?!?!?Please help I'm going insane

1

I’ve lost track of how many different ways I’ve tried this now. I would be so gracious for some help please.

This is my code.

<div id="nav">
 <nav class="navbar navbar-inverse navbar-fixed-top">
   <div class="container">
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
       <span class="sr-only">Toggle nav</span>
       <span class="icon-bar"></span>
       <span class="icon-bar"></span>
       <span class="icon-bar"></span>
     </button>
     <a class="navbar-brand" href="#">ishd</a>
     <div class="navbar-collapse collapse">
       <ul class="nav navbar-nav navbar-right">
         <li class="active"><a href="#">Home</a></li>
         <li><a href="#">about</a></li>
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Learn <b class="caret"></b>
             <ul class="dropdown-menu">
               <li class="dropdown-header">Examples</li>
               <li><a href="#">stuff</a></li>
               <li><a href="#">stuff</a></li>
             </ul>
             </li>
       </ul>
     </div>
   </div>
  </nav>
  </div>

here is my codepen http://codepen.io/DeathstarDude/pen/MbzoMK

2

You appear to be missing your bootstrap.js file in codepen. Link that below jQuery and it should work

1 Like
3

Duh you were faster than I was. And yes it works - I forked it and all is well in Wonderland :sunny:

1 Like
4

I’m still confused. I added this

[code]

[/code]

to the JS box and it didn’t work. Am I on the right track?

5

nevermind just got it, after I reread that. Thanks guys!

6

Go to JavaScript section in your CodePen settings and link there.

1 Like