Bootstrap - 在Div与Jquery之间切换

Question

所以我使用bootstrap作为我的响应框架，我有一个容器，行我也有两个div，我将在使用按钮之间切换。所以我设置我的HTML和我的第二个div我将显示设置为＆＃34; none＆＃34;隐藏它。但是当使用Jquery fadeIn / fadeOut时，您可以看到在高度方面存在一些变化/扩展。

现在我认为要解决这个问题，我必须将位置设置为绝对值，并且还要更改第一个和第二个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;
}