Navigation Menu - collapse button

Navigation Menu - collapse button
0

#1

I am having some trouble getting my button showing a drop down menu to work. I would really appreciate some help.
Thank you!

  <!--NAV BAR-->
  <nav class="navbar navbar-inverse navbar-fixed-top row">
    <div class="container-fluid">
    
      
    <div class="navbar-header col-xs-8">
      
      <a class="navbar-brand" href="#"><i class="fa fa-building"></i>    AMRIT BAINS</a>
    
    </div>
    
      
      
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    
    
    <div class="collapse navbar-collapse col-xs-4" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">About me</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
     </div>
      
 </div>     
  </nav>
  <!--END OF NAVBAR-->

http://codepen.io/amritbains/pen/wWZOzG


#2

Your CodePen link seems to be broken. Did you solve your problem?


#3

Yep, link broken, so we can`t check it.
Btw. make sure you include jquery and bootstrap libraries in your pen settings.


#4

Sorry.
http://codepen.io/amritbains/pen/wWZOzG

I didn’t manage to solve it.


#5

It’s just as @kirbyedy said, you need to include jquery and bootstrap in your JavaScript section.


#6

Thanks alot @kirbyedy and @PortableStick, I will add JQuery and bootstrap when I get home.