BootStrap Nav Bar

Using Nav Bar

Nav Bar comes with six colour variations, default, light, lighter, dark, darker and neutral. In our example code below we've used the default colour, to use another colour change navbar-default to navbar-light or your prefered variant.

      <div class="col-md-12">
        <div class="navbar navbar-default" role="navigation">
          <ul class="nav navbar-nav">
            <li class="active">[[Home]]</li>
            <li>[[About]]</li>
            <li>[[Services]]</li>
            <li>[[Article 1]]</li>
            <li>[[Article 2]]</li>
            <li>[[Article 3]]</li>
            <li>[[Article 4]]</li>
          </ul>
        </div>
      </div>