Twitter bootstrap 自举'；药片显示不正确

当使用引导程序的

pills

组件时，我导航离开的pills窗格只是将其不透明度更改为零，但它仍然占用了之前的原始空间量，因此下一个窗格位于下方

药丸的代码如下：

<ul class="nav nav-pills" id="my-pills">
   <li class="active"><a data-toggle="pill" href="#a">a</a></li>
   <li><a data-toggle="pill" href="#b">b</a></li>
</ul>
<div class="pill-content">
   <div class="pill-pane fade active in" id="a">
      <p>i am content a</p>
      <p>i am content a</p>
      <p>i am content a</p>
   </div>
   <div class="pill-pane fade" id="b">
      <p>i am content b</p>
      <p>i am content b</p>
      <p>i am content b</p>
   </div>
</div>

我很满足

我很满足

我很满足

我很满足

我很满足

我很满足

这里有一把小提琴：

---

我不认为有你用过的避孕药类。你想用

data-toggle="pill"

但仍然使用选项卡类，如

<div class="tab-content">
   <div class="tab-pane fade active in" id="a">
      <p>i am content a</p>
      <p>i am content a</p>
      <p>i am content a</p>
   </div>
   <div class="tab-pane fade" id="b">
      <p>i am content b</p>
      <p>i am content b</p>
      <p>i am content b</p>
   </div>
 </div>
</div>

我很满足

我很满足

我很满足

我很满足

我很满足

我很满足

---

你也错过了一个收尾部分，但我认为这无关紧要。

哦，没关系，我更改了选项卡窗格，但错过了选项卡内容。。。我的错，你的答案是正确的。非常感谢。