Я использую систему сетки бутстрапа, чтобы выложить модальный.столбцы бутстрапа без строк, заполненных более чем столбцами с строками
Часть мода, которая показывает магазины, не может иметь ряды, потому что это просто магазин foreach в магазинах, поэтому я не могу вставлять строки между ними. Это прекрасно, за исключением того, что кажется, что добавляет больше отступов, когда столбцы не находятся внутри строк, что приводит к тому, что мои магазины не выравниваются по вертикали с указанным выше содержимым. Вот что я имею в виду (магазины являются твердыми белыми дивами):
Магазинов дополняются дальше в чем содержание выше них. Магазины не в ряд.
код для одного магазина:
<script type="text/html" id="shop-template">
<div class="col-sm-6" style="">
<div style="height: 200px;width:100%; background: #fff;border-radius:15px;padding: 25px;">
<h6 class="medium-text shop-info"
data-bind="text: name" >
</h6>
<h6 class="medium-text shop-info"
data-bind="text: suburb"
style="">
</h6>
<h6 class="medium-text shop-info"
data-bind="text: streetNumber" style="display:inline;">
</h6>
<h6 class="medium-text shop-info"
data-bind="text: street" style="display:inline;">
</h6>
<h6 class="medium-text shop-info"
data-bind="text: country" >
</h6>
<h6 class="medium-text shop-info"
data-bind="text: postalCode" >
</h6>
</div>
</div>
</script>
Как сделать магазины вертикально выровненных с указанным выше содержанием?
Приветствия, не нашло хак, который держит его в соответствии с обе стороны еще. – BeniaminoBaggins