Bootsnav: Bootstrap Menu Multi Purpose Header

Shares

Bootsnav is a multi purpose header based with Bootstrap, you can build any header style with bootsnav only with a few minutes.

Bootsnav template

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

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 your color style.

Navbar Inverse
Add class "navbar-inverse" into tag.

1
<nav class="navbar navbar-inverse bootsnav">

Add Logo Files

1
2
3
4
5
6
<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>
Subscribe to the JqueryPlugins.net mailing list:
* indicates required

Reply

Pin It on Pinterest