Bootstrap網格系統：隱藏任何列時自動對齊行和列

Question

我正在開發儀表板&，它使用引導程序進行響應式佈局設計。我在這裏面臨的問題是： 我們將在div /列上有一個按鈕，onclick隱藏該特定div /列。 而且需要的是，一旦我們將列隱藏在特定行中，下一行中的列應出現在此行中。
例如：

| A | B |
| C | D |
這裏讓我們看看A B C D是列。 如果列B被隱藏，我應該得到

| A | 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

您可以嘗試備用行/行流體div，然後使用col-lg-6類。取而代之的

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

你只需要使用

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

我不知道是否有負面影響，BU它對我來說工作得很好。