У меня проблемы с выравниванием вложенных строк. См. Рисунок ниже. У меня есть 1 строка как 9 и 3 строки как 3. 9 + 3 = 12 на экране md и lg. В экране sm я хотел бы иметь строку один как 12 и 3 других строки под ней (4 + 4 + 4).Как выровнять divs и rows с bootstrap
https://s28.postimg.org/f0xa2380t/helpbootstrap.png
<div class="container">
<div class="row">
<div class="col-md-9 col-sm-12">
<div class="row ">
<div class="col-md-12 large">
</div>
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="row ">
<div class="col-md-12 col-sm-4 small">
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-4 small">
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-4 small">
</div>
</div>
</div>
</div>
.small{ height:100px; border: 1px solid;} .large{ height:200px; border: 1px solid; }
https://jsfiddle.net/proabid/qLg72vns/
Извините, я не уверен, что именно вы спрашиваете? –
Какую версию Bootstrap вы используете? –