JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<div class='navbar'>
      <div class='navbar-inner'>
        <div class='container-fluid'>
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
            
        <a class='brand'>Test</a>
        
        <div class='nav-collapse collapse'>
            <ul class='nav'>
                <li><a>Item 1</a></li>
                <li><a>Item 2</a></li>
                <li><a>Item 2</a></li>
                <li><a>Item 2</a></li>
                <li><a>Item 2</a></li>
                <li><a>Item 2</a></li>
            </ul>            
            <form class="navbar-search pull-right">
                <input type="text" class="span2" placeholder="Login">
                <input type="text" class="span2" placeholder="Password">
                <input type="submit" value="Login" class="btn"/>
            </form>
        </div>
      </div>
    </div>
  </div>