Help us improve Bootsnav

Developing and supporting Bootsnav is almost a full-time job. Help us continue to help you.

23 Header layout free to use

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


File Structure

├── 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>
    <a class="navbar-brand" href="#brand"><img src="LOGO_ADDRESS" class="logo" alt=""></a>


Framework Based
- Bootstrap V.3 -

- Open Sans -

- Font Awesome -

- jQuery  -
- Bootstrap  -
- IE  -

-  Animate -

Looking for awesome design ?

Amazing HTML Template based from bootstrap