JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap.min.css">
<div class="navbar center">
      <div class="navbar-inner">
        <div class="container">
            <div class="row">
                <ul class="nav">
                  <li class="active span3">
                    <a href="#">Home</a>
                  </li>
                  <li class="span3"><a href="#">Link</a></li>
                  <li class="span3"><a href="#">Link</a></li>
                  <li class="span3"><a href="#">Link</a></li>
                </ul>
            </div>
        </div>
      </div>
    </div>

CSS

.navbar-inner { 
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.center.navbar .nav,
.center.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}

.center .navbar-inner {
    text-align:center;
}