JSFiddle - React, Tailwind, and code Playground

HTML

<div class="navbar navbar-default navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">                          
            <button class="navbar-toggle" data-toggle="collapse"data-target=".navHeaderCollapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>         
            <div class="collapse navbar-collapse navHeaderCollapse">      
                <ul class="nav nav-justified">
                    <li><a id="navHistory" class="history" href="#">History</a></li>
                    <li><a id="navEvents" class="events" href="#">Events</a></li>
                    <li><a id="navSponsors" class="sponsors" href="#">Sponsors</a></li>
                    <li><a id="navEntertainment" class="entertainment" href="#">Entertainment</a></li>
                    <li><a id="navGallery" class="gallery" href="#">Gallery</a></li>            
                    <li><a id="navContact" class="contact" href="#">Contact</a></li>     
                                        <li><a id="navContact" class="contact" href="#">Contact</a></li>     
                    <li><a id="navContact" class="contact" href="#">Contact</a></li>     
                    <li><a id="navContact" class="contact" href="#">Contact</a></li>     
                    <li><a id="navContact" class="contact" href="#">Contact</a></li>     
                    <li><a id="navContact" class="contact" href="#">Contact</a></li>     
                    <li><a id="navContact" class="contact" href="#">Contact</a></li>     
                    <li><a id="navContact" class="contact" href="#">Contact</a></li>     

                </ul>     
            </div>
        </div>
    </div>
</div><!--Navbar End-->

CSS

.navbar.navbar-default.navbar-fixed-top {
    background-color: transparent;
    border: none;
}
.navbar.navbar-default.navbar-fixed-top .navbar-inner {
    height: 100%;
    overflow: hidden;
    background-image: url('../img/top_red.png');
    box-shadow: none;
    border: none;
    overflow-y: auto;
    -webkit-box-shadow: none;
    position: absolute;
    width: 100%;
}
.navbar.navbar-default.navbar-fixed-top .navbar-inner .container {
    background-color: #d0112b;
    margin: 0 auto;
}
.navbar .nav > li > a {
    font-size: 18px;
    color: #ffffff;
    font-family: 'sanchezregular';
    line-height: 25px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #d0112b;
}
.navbar .nav > li > a:hover, .navbar .nav > li > a:active {
    color: #ffffff;
    background-color: transparent;
}