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.

1 Like

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