JSFiddle - React, Tailwind, and code Playground

by sushanth009

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 class="active"><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;
}
h1 {
    text-align:center;
    color:lightblue;
}
.navbar{
    padding : 0 25px;
}

.nav{
    text-align:center;
}

li{
    width:110px;
}