JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="container">
  <div class="span4 well">
    <form class="form-search">
      <div class="row-fluid">
          <input type="text" class="input-medium search-query span12">
      </div>
    </form>
    <form class="form-search">
      <div class="row-fluid">
          <input type="text" class="input-medium search-query span8">
          <button type="submit" class="btn span4">Cancel</button>
      </div>
    </form>
  </div>
</div>

CSS

/* May not be the best way, not sure if BS has a better solution */
/* Fix for combining input and button spans in a row */
.row-fluid > input + button[class*="span"] {
    float: none;           /* Remove the */
    display: inline-block; /* floating   */
    margin-left: 0;        /* Stick it to the left */
}