php - Bootstrap 填充剩余的列

Question

是否有一个 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';
      }
       ?>">

Answer 1

有时我会尝试一些非常愚蠢的事情，但这次我的愚蠢让我感到惊讶......

我见过，如果我们向 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>