JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://underscorejs.org/underscore-min.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">

        <!-- MARKUP GOES HERE -->
        <div class="navbar">
            <div class="navbar-inner">
                <div class="container">
                    <ul class="nav row-fluid">
                        <li class="span4"><a href="#">Home</a></li>
                        <li class="span4"><a href="#">Link</a></li>
                        <li class="span4"><a href="#">Link</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- END MARKUP -->
<!-- http://html-ipsum.com/ for sample markup -->

CSS

body { margin-top: 20px; }


.navbar-inner ul.nav {
    margin-right: 0;
    float: none;
    width: 100%;
}
.navbar-inner ul.nav li {
    text-align: center;
}
.navbar-inner ul.nav li:hover {
    background: #888;
}

JavaScript

$(function() {

});