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; 
}