Bootstrap 3 - Navbar example

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
    <!-- HEADER -->        
    <nav class="navbar navbar-inverse custom" role="navigation">
        <div class="container-fluid">
            <!-- 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="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html"><img src="images/LynxusLogo.png" /></a>
            </div>            

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">                        
                    <li><a href="#"><img src="images/Home.png" onmouseover="hoverHome(this);" onmouseout="unhoverHome(this);"/></a></li>
                    <li><a href="#"><img src="images/About.png" onmouseover="hoverAbout(this);" onmouseout="unhoverAbout(this);"/></a></li>
                    <li><a href="#"><img src="images/Team.png" onmouseover="hoverTeam(this);" onmouseout="unhoverTeam(this);"/></a></li>
                    <li><a href="http://lynxusapp.blogspot.com/" target="_blank"><img src="images/Blog.png" onmouseover="hoverBlog(this);" onmouseout="unhoverBlog(this);"/></a></li>
                    <li><a href="#"><img src="images/Contact.png" onmouseover="hoverContact(this);" onmouseout="unhoverContact(this);"/></a></li>
                </ul>                    
           ...