JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<h4>label.span2, static width container</h4>
<div class="control-group span10 clearfix">
<p class="pull-left">Payment Types</p>
<div class="clearfix"></div>
<div>
<label class="checkbox span2">
<input type="checkbox" value="option1"> Cash
</label>
<label class="checkbox span2">
<input type="checkbox" value="option2"> Invoice
</label>
<label class="checkbox span2">
<input type="checkbox" value="option3"> Discover
</label>
<label class="checkbox span2">
<input type="checkbox" value="option3"> Financing
</label>
<label class="checkbox span2">
<input type="checkbox" value="option1"> Check
</label>
<label class="checkbox span2">
<input type="checkbox" value="option2"> American Express
</label>
<label class="checkbox span2">
<input type="checkbox" value="option3"> MasterCard
</label>
<label class="checkbox span2">
<input type="checkbox" value="option3"> Google Checkout
</label>
<label class="checkbox span2">
<input type="checkbox" value="option1"> Traveler's Check
</label>
<label class="checkbox span2">
<input type="checkbox" value="option2"> Diner's Club
</label>
<label class="checkbox span2">
<input type="checkbox" value="option3"> Visa
</label>
<label class="checkbox span2">
<input type="checkbox" value="option3"> Paypal
</label>
</div>
</div>
<h4>label.span2, fluid width container</h4>
<div class="control-group clearfix">
<p class="pull-left">Payment Types</p>
<div class="clearfix"></div>
<div>
<label class="checkbox span2">
<input type="checkbox" value="option1"> Cash
</label>
...
CSS
h4 {
clear: both;
}
.control-group {
margin-bottom: 20px;
margin-left: 20px;
}
.checkbox-columns {
-moz-column-count: 4;
-moz-column-gap: 20px;
-webkit-column-count: 4;
-webkit-column-gap: 20px;
column-count: 4;
column-gap: 20px;
}