舉動格在引導網格佈局第一行

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/