Question

我有一个Bootstrap 3页面，显示一组包含下拉列表的选项卡。这看起来不错，但我希望在页面加载时默认打开其中一个选项卡。目前，第一个选项卡选项设置为“活动”，但不显示该选项卡的内容。

如何在加载页面时显示特定引导程序下拉选项的内容？

以下是代码：fiddle

<ul class="nav nav-tabs">
    <li class="dropdown active"> <a href="#" id="firstTab" class="dropdown-toggle active" data-toggle="dropdown">First Tab <b class="caret"></b></a>
        <ul class="dropdown-menu" role="menu" aria-labelledby="firstTab">
            <li class="active">
                <a href="#one" tabindex="-1" data-toggle="tab">One</a>
            </li>
            <li>
                <a href="#two" tabindex="-1" data-toggle="tab">Two</a>
            </li>
        </ul>
    </li>
</ul>
<div class="tab-content">
    <div class="tab-pane fade" id="one">Selected Tab: One (Should be open/active by default)</div>
    <div class="tab-pane fade" id="two">Selected Tab: Two</div>
</div>

Answer 1

要解决您的问题，只需将您的第一个标签添加到“＃34; tab-pane active＆＃34;而不是＆＃34; tab-pane fade＆＃34;你很高兴。

Bootstrap 3：使用下拉菜单设置默认导航选项

1 个答案: