JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div class="span6">span6</div>
        <div class="span6 well">well span6</div>
    </div>
    <div class="row">
        <div class="span6">span6</div>
        <div class="span6"><div class="well">well inside span6</div></div>
    </div>
    <div class="row myFix">
        <div class="span6">span6</div>
        <div class="span6 well">well span6 border-box</div>
    </div>
</div>

CSS

.span6 { background: #44F;min-height: 80px; }
.span6 + .span6 { background: #F44; }
.row + .row { margin-top: 10px; }

/* Well span, fixed (but what about compatibility ? */
.myFix .well[class*="span"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}