Question

使用Bootstrap的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>

这里有一个工作小提琴： http://jsfiddle.net/Kw6sm/

Answer 1

我不认为有像你这样的药丸课程。你想用

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>

你也错过了一个结束的div，但我觉得这不重要。

Bootstrap药片显示不正确

1 个答案: