Question

我正在尝试在我的网页上应用 Bootstrap Tabs 功能。但是当页面加载时，标签容器.tab-content的高度大于第一个标签，高度是所有标签的总和。并在底部产生空白区域。

但是，单击第二个选项卡时，此空白区域会显示空白。

我可以使用什么方法来隐藏负载本身的空白区域。

演示：http://www.bootply.com/BL42m1AdBu

Answer 1

所有标签都包含课程active：

<div id="container_1" class="tab-pane fade active in">
<div id="container_2" class="tab-pane fade active">
<div id="container_3" class="tab-pane fade active">

只需在最后两个标签上删除此类，它应该按预期工作。

<div id="container_1" class="tab-pane fade active in">
<div id="container_2" class="tab-pane fade">
<div id="container_3" class="tab-pane fade">

Bootstrap标签容器的高度是所有标签的总和

1 个答案: