Bootstrap - Div與JQuery之間的切換

Question

所以我使用引導作爲我的響應框架，我有一個容器，行我也有兩個div，我將要使用按鈕進行切換。所以我設置了我的HTML和第二個div，我將顯示設置爲「none」來隱藏它。但是，當使用Jquery fadeIn/fadeOut時，可以看到在高度方面存在一些移位/擴展。

現在我想解決這個問題，我必須將位置設置爲Absolute，並且還要更改第一個和第二個div的z-index，以便一個隱藏在另一個之後。然而，絕對使用會破壞引導程序容器...因此，有一種方法可以在單擊按鈕時切換Div，而不會高度偏移。添加了一些源代碼，以便您可以看到單擊按鈕時會發生什麼情況。

http://www.bootply.com/hBNIHfCpxR

Answer 1

試試這個：

http://www.bootply.com/PIG2icyErI

相關CSS：

.row { 
    position: relative; 
    padding-top: 50px; 
    } 

#content-one, #content-two { 
    position: absolute; 
    width: 100%; 
    top: 0; 
}