Drop down menu does not work

Hello fellow campers,

I am currently trying to install a drop down menu inside my navigation bar for my professional portfolio. The current code I have is below. I currently have a button for the drop down menu however when I click on the button a drop down menu does not appear. I am suspecting I may be missing some libraries that need to be imported.

Thank you for helping us newbies,

Brian

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
      <div class="row nav navbar-nav">
        <div class="navbar-header col-xs-6 col-sm-6">
          <h2 class="navbar-header-text">Contact: <span class="underline">xxx@gmail.com</span></h2>
        </div> 
        <div class="col-xs-6 col-sm-6">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle " data-toggle="dropdown">Go To: <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">Introduction<a></li>
              <li><a href="#">Affiliates<a></li>
              <li><a href="#">Portfolio<a></li>
              <li><a href="#">Interests<a></li>
            </ul>
          </li>
        </div>
      </div>
    </div>
  </nav>

Have you added jQuery and Bootstrap in the Javascript settings?

Thank you the bootstrap was only added to my css settings.

Lesson Learned

1 Like