JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Iwi Reports</title>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
    
</head>
<body>
<header>
    
    <h2 class="title">Test</h2>
</header>
<div class="navbar navbar-inverse">
    <div class="navbar-inner">
        <ul class="nav">
            <li class="active"><a href="#">Test1</a></li>
            <li><a href="#">Test2</a></li>
            <li><a href="#">Test3</a></li>
            <li><a href="#">Test4</a></li>
            <li><a href="#">Test5</a></li>
            
        </ul>
    </div>
</div>
<div class="container">
    
</div>

</body>
</html>

CSS

.navbar{
    
overflow: hidden!important;
margin-bottom:0px !important
}

.navbar-inner{
    
 border-radius: 0px !important;   
}