JSFiddle - React, Tailwind, and code Playground

by rubenrails

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
<div class="navbar">
  <div class="navbar-inner">
    <a class="brand" href="#">Title</a>
    <div class="span4">  
      <div class="btn-group">
        <button class="btn">Action</button>
        <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </div>
    </div>
    <div class="span3">  
      <div class="btn-group">
        <button class="btn">1</button>
        <button class="btn">2</button>
        <button class="btn">3</button>
      </div>
    </div>
  </div>
</div>

CSS

.navbar .btn-group > .btn + .btn {
  margin-left: -1px;
}