The following code shows how to create navbar inverse.
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.4.0.js"></script>
<link rel="stylesheet" type="text/css"
href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<link rel="stylesheet" type="text/css"
href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css"
href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css">
<link rel="stylesheet" type="text/css"
href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
<style type='text/css'>
ul.nav li a {<!-- w ww. ja v a 2 s.c o m-->
display: inline-block;
}
ul.nav li a+a {
margin-left: -25px;
}
</style>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="nav-collapse_disabled collapse_disabled">
<ul class="nav">
<li class="divider-vertical"></li>
<li><a href="#">About</a></li>
<li class="divider-vertical"></li>
<li><a href="#helpModal" data-toggle="modal">Help</a></li>
<li><a href="#"><font color="FF0000"><i
class="icon-remove-sign icon-large"></i></font></a>
<a>Item1</a></li>
<li><a href="#"><font color="FF0000"><i
class="icon-remove-sign icon-large"></i></font></a> <a href="#">Item2</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>