заполнение .row колонками в bootstrap

столкнулся с проблемой:

<div class="row">
                        <div class="col-lg-4 col-md-4 col-sm-4">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-4">
                        </div>
</div>

по идее .row должна заполняться блоками слева-направо, даже, если идет переполнение как в данном случае. Но выходит вот так: http://take.ms/OJVhE