Начальная загрузка заполнить оставшиеся столбцы

Есть ли класс начальной загрузки, который будет заполнять сколько бы столбцов еще не было занято?
например, у меня есть этот тег div, который может быть там, а может и нет, если я не хочу, чтобы второй div занимал 12 столбцов, но если он там, занимал только 8 столбцов. как это

<div class="row">
<?php if(something){ ?>
<div class="col-md-4">
<div> </div>
</div>
<?php } ?>
<div class="col-md-fill">
<div> </div>
</div>
</div>

кроме использования

<div class="col-md-<?php
if($count > 5){
echo "8";
} else {
echo '12';
}
?>">

3

Решение

Вы на правильном пути. Просто закончите свое утверждение if с помощью else. С одной стороны, он использует 4 и 8, с другой — 12 и занимает весь ряд.

<div class="row">
<?php if(something){ ?>
<div class="col-md-4">
<div> </div>
</div>
<div class="col-md-8">
<div> </div>
</div>
<?php } else { ?>
<div class="col-md-12">
<div> </div>
</div>
<?php } ?>
</div>
3

Другие решения

Иногда я пробую что-то очень глупое, но на этот раз моя глупость удивляет меня …

Я видел, чем если мы добавим к div.row div без какого-либо класса, этот безклассный див заполняет себя пустым пространством….

скрипка : http://jsfiddle.net/52VtD/8127/

HTML:

<div class="container">
<div class="row">
<div class="col-md-4 bleu">bleu</div>
<div class="rouge">rouge</div>
</div>

<div class="row">
<div class="col-md-1 bleu">bleu</div>
<div class="rouge">rouge</div>
</div><div class="row">
<div class="col-md-9 bleu">bleu</div>
<div class="rouge">rouge</div>
</div>

</div>
3

Я бы сделал это так, чтобы код оставался сухим

<div class="row">
<div class="<?php if($something){echo 'col-md-push-4 col-md-8'}else{echo 'col-md-12'}">
</div>
</div>

Теперь я заметил, что вы можете положить что-то if is in 4, в этом случае это может быть бесполезно. Если вы просто хотите заполнить пространство, это ваше решение

0