Как в bootstrap сделать «неровные колонки»?

Question

[yurygolikov]

Вот то как нужно разместить записи в колонках prntscr.com/bmsrf2 .
Можно ли так сделать в bootstrap? И если можно то как?

Или может быть знаете, как подобное строение записей называется?

Answer 1

[yurygolikov]

Все, я понял как, я просто тупой.
Нужно просто сделать так:

<div class="row show-grid"> 
<div class="col-sm-6"> Level 1: .col-sm-9 <div class="row show-grid">  
<div class="col-xs-4 col-sm-12" style="
    height: 100px;
"> Level 2: .col-xs-4 .col-sm-6 </div><div class="col-xs-4 col-sm-12" style="
    height: 30px;
"> Level 2: .col-xs-4 .col-sm-6 </div> </div> </div><div class="col-sm-6"> Level 1: .col-sm-9 <div class="row show-grid">  
<div class="col-xs-4 col-sm-12"> Level 2: .col-xs-4 .col-sm-6 </div>
<div class="col-xs-4 col-sm-12" style="
    height: 200px;
"> Level 2: .col-xs-4 .col-sm-6 </div><div class="col-xs-4 col-sm-12"> Level 2: .col-xs-4 .col-sm-6 </div> </div> </div> </div>

Answer 2

[Михаил Меренков]

ratio?



<div class="container">
<div class="row">
<div class="col-md-12">

<div class="col-md-4">
<div class="calci c-3-2">
<iframe src="https://player.vimeo.com/video/141049060" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>

<div class="col-md-4">
<div class="calci c-16-9">
<iframe src="https://player.vimeo.com/video/141049060" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>

<div class="col-md-4">
<div class="calci c-3-2">
<iframe src="https://player.vimeo.com/video/141049060" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

</div>

</div>
</div>
</div>

Для диалога:
CalcI - BootstrapTema
Репозиторий:
https://github.com/BootstrapTema/calci