twitter bootstrap -- center brand in nav bar
twitter-bootstrap
Solution
Couple ways to center, you might have to try each:
Setting auto-margins:
.brand { margin-left: auto; margin-right: auto; }
Or using a known width (200px example) of an absolute positioned element:
.brand { left: 50%; margin-left: -100px; }
Problem
Is there a way I can center the brand name in the nav-bar My current code is like ``` <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <ul class="nav pull-left"> <li> <button class="btn btn-primary"> < Back </button> </li> </ul> <p class="brand"> Report </p> <ul class="nav pull-right"> <li> <button class="btn btn-primary pull-right"> New Report </button> </li> </ul> </div> </div> </div> ```