JSFiddle - React, Tailwind, and code Playground

by josangel555

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<header id="masthead" class="navbar navbar-default" role="banner">
    <div class="container-fluid">
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="width: 674px; margin-left: 260px;">

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">

                <a class="screen-reader-text skip-link" href="#content">Skip to content</a>
					<ul id="menu-ggg" class="nav navbar-nav">
						<li id="menu-item-18" class=""><a href="http://bagel.dg-site.com/bagel/">Home</a></li>
						<li id="menu-item-13" class=""><a href="http://bagel.dg-site.com/bagel/index.php/about/">About</a></li>
						<li id="menu-item-10" class=""><a href="http://bagel.dg-site.com/bagel/index.php/news/">News</a></li>
						<li id="menu-item-7" class=""><a href="http://#">Contact</a></li>
						<li id="menu-item-227" class=""><a href="http://bagel.dg-site.com/bagel/index.php/contact/">Contact</a></li>
					</ul>
			</div>
		</nav>
	</div>
</header>