Fatal编程技术网
  • twitter-bootstrap/
  • Twitter bootstrap 引导选项卡容器的高度是所有选项卡的总和

Twitter bootstrap 引导选项卡容器的高度是所有选项卡的总和

twitter-bootstrap

Twitter bootstrap 引导选项卡容器的高度是所有选项卡的总和,twitter-bootstrap,Twitter Bootstrap,我正在尝试在我的页面上应用引导选项卡功能。但是当页面加载时，选项卡容器的高度。选项卡内容大于第一个选项卡，高度是所有选项卡的总和。并在底部产生空白 但是，单击第二个选项卡时会显示此空白 我可以做什么来隐藏加载本身的空白？< /P> 演示：您的所有选项卡都有活动的类： <div id="container_1" class="tab-pane fade active in"> <div id="container_2" class="tab-pane fade active"&g

我正在尝试在我的页面上应用引导选项卡功能。但是当页面加载时，选项卡容器的高度
。选项卡内容
大于第一个选项卡，高度是所有选项卡的总和。并在底部产生空白

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

我可以做什么来隐藏加载本身的空白？< /P>

演示：

您的所有选项卡都有活动的类
：

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