Navigation Menu - collapse button

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>
    <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>
    <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>
  <!--END OF NAVBAR-->

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

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


I didn’t manage to solve it.

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

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