移動divが

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> 

は今、私は最初の行に2行目の最初のdivを移動する場合DATA2またはDATA3長ブートストラップで可能ですか？

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

、DATA2とDATA3の長さがゼロの場合。ブートストラップの可視クラスと非表示クラスを使用できます https://v4-alpha.getbootstrap.com/layout/responsive-utilities/