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> ```

Original source