版本3.0.3中的药丸将无法正常工作

时间:2014-01-04 13:04:20

标签: twitter-bootstrap twitter-bootstrap-3

<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不起作用,我不知道出了什么问题。 好吧,我试图找到文档的变化,但根本没有。

1 个答案:

答案 0 :(得分:2)

改变这个..

 <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