BS Navbar CSS

<link type="text/css" rel="stylesheet" media="screen" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"></link>
<script src="https://s3.amazonaws.com/files.enjin.com/1428332/bootstrap3/twitter-bootstrap-hover-dropdown.js"></script>
<link href="https://s3.amazonaws.com/files.enjin.com/1428332/bootstrap3/bootstrap.min.css" rel="stylesheet"'
<script src="https://s3.amazonaws.com/files.enjin.com/1428332/bootstrap3/bootstrap.min.js"></script>
<script src="https://s3.amazonaws.com/files.enjin.com/1428332/bootstrap3/profile.js"></script>

<!-- CSS -->
<link href="bootstrap3.min.css" rel="stylesheet">
<style type="text/css">

/*Like button fix*/
#enjin-like-site-button{
padding-right:20px;
margin-left:4px;
}
#enjin-like-site .likes{
margin-left:10px
}
#enjin-like-site-button{
background:url('http://www.enjin.com/assets/20140331508/themes/core/images/icons/elike.png');
background-position:-50px -50px;
width:22px;
height:19px;
}

#enjin-like-site-button.liked{
background-position:-50px 0px;
}

#enjin-like-site {
padding-left: 13px;
margin-top: 7px;
margin-bottom: 5px;
}

/*Hides nav until loaded*/
.navbar{
display:none;
top:0px;
}

/*Positioning of our logo*/
.navbar-brand img{
margin-right:20px;
margin-left:20px;
vertical-align:middle;

}

/*Non responsive hacks*/

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

/*Set the width to the width of your nav*/
.nav-container{
width:740px;
margin:0 auto;
}


/*End Non-Responsive Hacks*/


/*Removes our likes etc.*/
#enjin-bar #enjin-bar-likes{
display:none !important;
}

/*hide left and right bar*/

#enjin-bar .right,#enjin-bar{
    display: none;
}


 /* Fix for profile info*/

 .m_system-profile .profile-sidebar-block-community .community-info .label-info {
    background-color: transparent !important;
}

 /*Fix for like button hover*/

.dropdown-menu > li > a:hover > [class^="icon-"]{
background-image:none !important;
}


</style>




<div class="navbar navbar-inverse navbar-static-top" role="navigation">
      <div class="nav-container">
        <div class="navbar-header">
          <a class="navbar-brand" href="#"><img src="http://themodulesource.com/bootstrap_for_enjin/logo.png">Project name</a>
        </div>
          <ul class="nav navbar-nav">
            <li><a href="#"><i class="fa fa-plus-circle"></i>Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>


            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-close-others="false">Dropdown <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>

                        <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-close-others="false">Dropdown <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>



         <li class="dropdown" id="boot_username">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-close-others="false"></a>
<ul class="dropdown-menu">

</ul>
</li>
          </ul>

      </div>
    </div>

<script>
$(document).ready(function(){
$( ".navbar" ).prependTo($('body'));
$( ".navbar" ).show();
$( "#enjin-bar .right" ).show();
});
</script>