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

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

1 个答案: