twitter-bootstrap - 3.0.3版本中的药丸不起作用

Question

<div class="row">
    <div class="col-md-2">
        <ul class="nav nav-pills nav-stacked">
            <li class="active"><a href="#details" data-toggle="pill">Details</a></li>
            <li><a href="#logs" data-toggle="pill">Logs</a></li>
        </ul>
    </div>
    <div class="col-md-10">
        <div class="pill-content">
            <div class="pill-pane active" id="details">
                pill details
            </div>
            <div class="pill-pane" id="logs">
                pill logs
            </div>
        </div>
    </div>
</div>

它可以在 3.0.0 上运行，但在 3.0.3 上不起作用，我不知道出了什么问题。 好吧，我试图找到文档中的更改，但什么也没有。

Answer 1

改变这个..

 <div class="pill-content">
            <div class="pill-pane active" id="details">
                pill details
            </div>
            <div class="pill-pane" id="logs">
                pill logs
            </div>
    </div>

对此..

<div class="tab-content">
    <div class="tab-pane active" id="details">
        pill details
    </div>
    <div class="tab-pane" id="logs">
        pill logs
    </div>
</div>

演示:http://bootply.com/103792