ブートストラップグリッドシステム：列が非表示になったときの行と列の自動整列

Question

応答レイアウト設計にブートストラップを使用してダッシュボード&を開発しています。私がここで直面している問題は次のとおりです。 div/columnにボタンがあり、onclickはそのdiv/columnを隠します。 そして、特定の行の列を非表示にすると、次の行の列がこの行に表示される必要があります。
例：

| | B |
| C | D |
ここではA B C Dを取ることができます。 列Bを非表示にした場合は、

| | C |
| D |

そして、列Aが非表示にされている場合。私は得るべきである

| B | C |
| D |

ありがとうございました!!!

Answer 1

<div class="container"> 
    <div class="row"> 
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" id="a">A</div> 
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" id="b" style="display:none;">B</div> 
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" id="c">C</div> 
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" id="d">D</div> 
    </div> 
</div> 

あなたは今（私の例bで）列を非表示にした場合、それはその後、上に移動します。

Answer 2

row/row-fluid divのスペアを試してみて、col-lg-6クラスにすることができます。

あなたはちょうど私がBU、マイナスの副作用があるかどうか知らない

<div class="col-lg-6"> 
 
</div> 
 
<div class="col-lg-6"> 
 
</div>

を使用

代わりの

<div class="row"> 
 
    <div class="col-lg-6"> 
 
    </div> 
 
    <div class="col-lg-6"> 
 
    </div> 
 
</div>

それは私のためにうまく動作します。