Bootstrap の Grid system サンプル４

セルが回り込まないようにする（clearfix なしの例）

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="container">
    <div class="row">
            
        <div class="col-xs-6">hoge</div>
        
        <div class="col-xs-6">fuga</div>
        
        <div class="col-xs-6">piyo</div>
        
        <div class="col-xs-6">
            aaa bbb ccc ddd eee fff ggg hhh iii jjj kkk lll mmm nnn ooo ppp qqq rrr sss ttt uuu vvv www xxx yyy zzz aaa bbb ccc ddd eee fff ggg hhh iii jjj kkk lll mmm nnn ooo ppp qqq rrr sss ttt uuu vvv www xxx yyy zzz.
        </div>

    </div>
</div>

CSS

.row div:not(.clearfix) {
    border: 1px solid red;
}