<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                 <a href="?page=pages/home"><img src="img/logo.png" alt="Logo" class="logo"></a>
            </div>

--------------------
 nav.navbar > .container {
           height:90px;
           background-color: #fff;
            }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
            background-color: #fff;
            border: #fff;
            padding-top:20px;
            text-align: center;
            z-index:1;
            }

 .logo {
        position:absolute;
        vertical-align: top;
        z-index:500;
        }

------------------