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

你走在正确的轨道上。用else完成你的if语句。一种方式，它使用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>

Answer 2

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

我已经看过，如果我们在没有任何课程的情况下追加到div.row div，这个没有级别的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>

Answer 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。在这种情况下，这可能没用。如果您只是想要实现这个空间，这就是您的解决方案

Bootstrap填充剩余列

3 个答案: