Jump to: navigation, search

Bootstrapskin Nav Bar

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>

In future versions we may add more colours, though it takes very little modification to create custom Nav Bar colours. Add a new class to your prefered stylesheet, e.g.;

 .navbar-red {background-color: #FFF; border-color: #FF0033;}
bootstrapskin-commercial-skin.png