Navbar not displaying content [SOLVED]

Navbar not displaying content [SOLVED]


Hi all, i’m trying create a navbar that collpases the content with bootstrap but when i click the toggler button it doesn’t do anything here is my code, please help what am i doing wrong:

<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
    <a href="#" class="navbar-brand">qlip</a>
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    <div class="collapse navbar-collapse navHeaderCollapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">ABOUT</a></li>
        <li><a href="#">PORTFOLIO</a></li>
        <li><a href="#">CONTACT</a></li>

i’m adding this stylesheet in codepen CSS processor option:

thanks in advance.


Did you add jQuery and bootstrap.js in your code?


I added this in the CSS preproccesor

and this two in the Javascript preprocessor


You should use the same version (3.3.7) for bootstrap.js. Also, jquery should be loaded first.


Awesome! That was the problem, thank you very much!