是否有一个 Bootstrap 类可以填充许多列尚未被占用的内容? 例如,我有这个可能存在的 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';
}
?>">
最佳答案
有时我会尝试一些非常愚蠢的事情,但这次我的愚蠢让我感到惊讶......
我见过,如果我们向 div.row
附加一个没有任何类的 div
,这个没有类的 div 会填满空白区域....
fiddle :http://jsfiddle.net/bhgme789/1/
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>
关于php - Bootstrap 填充剩余的列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25874623/