JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css">
<body>
    <div class="container">
        <!--NAVBAR-->
        <div class="navbar">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a>

                </li>
                <li><a href="#">Home</a>

                </li>
                <li><a href="#">Home</a>

                </li>
                <li><a href="#">Home</a>

                </li>
                <li><a href="#">Home</a>

                </li>
            </ul>
        </div>
        <h1>^^^^^^^^^^^^^^^^ <br>These buttons right here :)</h1>
    </div>
    </body

CSS

.container {
    max-width:1000px
}
.navbar {
    width:600px;
    margin:0 auto;
    display:block;
    background-color:black;
}
.nav {
    text-align: center;
}
h1 {text-align:center;color:lightblue;}