举动格在引导网格布局第一行

Question

我使用的引导网格布局，以显示div的，如下：

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-4" ng-if="data1.length"></div> 
     <div class="col-md-4" ng-if="data2.length"></div> 
     <div class="col-md-4" ng-if="data3.length"></div> 
    </div> 
    <div class="row"> 
     <div class="col-md-4" ng-if="data4.length"></div> 
    </div> 
</div> 

现在我想第二行的第一个div移动到第一行，如果数据2或数据3长度是0.它可能在bootstrap？

Answer 1

为此，您需要使用JavaScript。首先，您需要定义您的条件，然后将您的内容放入div。

<div class="col-md-4" id="mydiv"></div> 
<div class="col-md-4" id="mydiv2"></div> 
<!-- and so on --> 
<script> 
if(data2.length = 0 or data3.length = 0){ 
    document.getElementById('mydiv').innerHTML = 'your content'; 
} 
</script> 

希望为你工作;）

Answer 2

对于这种情况，如果数据2和数据3的长度为零。您可以使用自举可见和隐藏类 https://v4-alpha.getbootstrap.com/layout/responsive-utilities/