23 Header layout free to use

Start your project with bootsnav, and build your best navigation menu.

Documentation

File Structure

bootstrap/
├── css/
│   ├── bootsnav.css
│   ├── style.css
└── js/
    └── bootsnav.js

You'd just need to edit the css/style.css file. It contains the styling elements for all header menu. To setting your menu style go to line 87 - 418 "Navbar Adjusment", and go to line 421 - 484 to set you color style.


Bootsnav template

Start with this basic HTML template, you can build any navigation style with this started template.

Navbar Inverse

Add class "navbar-inverse" into tag "<nav class="navbar">"


<nav class="navbar navbar-inverse bootsnav">
Add Logo Files

<div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
        <i class="fa fa-bars"></i>
    </button>
    <a class="navbar-brand" href="#brand"><img src="LOGO_ADDRESS" class="logo" alt=""></a>
</div>

Credit

Framework Based
- Bootstrap V.3 - http://getbootstrap.com/

Font
- Open Sans - https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans

Icons
- Font Awesome - https://fortawesome.github.io/Font-Awesome/

Javascript
- jQuery  - https://code.jquery.com/jquery/
- Bootstrap  - http://getbootstrap.com/
- IE  - https://github.com/twbs/bootstrap/tree/master/docs/assets/js

CSS
-  Animate - https://daneden.github.io/animate.css/

Looking for awesome design ?

Amazing HTML Template based from bootstrap