JSFiddle - React, Tailwind, and code Playground

by csabatino

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<h1>This is working</h1>
<div class="row">
    <div class="span6">Content</div>
    <div class="span6">Content</div>
    <div class="span6">Content</div>
    <div class="span6">Content</div>
</div>


<h1>This is NOT working</h1>
<div class="row-fluid">
    <div class="span6">Content</div>
    <div class="span6">Content</div>
    <div class="span6">Content</div>
    <div class="span6">Content</div>
</div>



<h1>SOLUTION EXAMPLES</h1>

<h1>Fluid 'row's are NOW working.</h1>
<div class="row-fluid solution">
    <div class="span6">Content</div>
    <div class="span6">Content</div>
</div>
<div class="row-fluid solution">
    <div class="span6">Content</div>
    <div class="span6">Content</div>
</div>


<h1>Default fixed 'row's are working, too.</h1>
<div class="row solution">
    <div class="span6">Content</div>
    <div class="span6">Content</div>
</div>
<div class="row solution">
    <div class="span6">Content</div>
    <div class="span6">Content</div>
</div>

CSS

.span6{ background: #989898; margin-bottom: 20px; }

div.solution .span6 { /* '.fix' addition to HTML is only for demo purposes */
outline:1px solid #777;
background: #cdcdcd;
text-align:center;
}