引导选项卡第一次无法工作

Question

我正在尝试实现两个基本选项卡和面板。页面加载时面板不显示内容（第 1 页）。但是，单击其他选项卡可以很好地处理正确的内容（第 2 页），然后返回到第一个选项卡也可以正常工作（第 1 页）。

<ul class="nav nav-tabs">
    <li class="active"><a href="#panel1" data-toggle="tab">Page 1</a></li>
    <li><a href="#panel2" data-toggle="tab">Page 2</a></li>
</ul>

<div class="tab-content">
    <div id="panel1" class="tab-pane">
        Page 1
    </div>
    <div id="panel2" class="tab-pane">
        Page 2
    </div>
</div>

我有什么遗漏的吗？

Answer 1

您没有内容面板的活动类。默认情况下，您需要以下内容来显示 panel1 内容：

<div id="panel1" class="tab-pane show active">...