突出显示选项卡并将其设置为默认值

Question

我正在尝试将其设置为每月标签，默认情况下会突出显示。

此链接显示两个选项卡未选中。

此链接显示已选中每月标签。

以下代码是

   <!-- Navigation Tabs starts -->
                          <ul class="nav nav-tabs" role="tablist" >
                            <li><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">Daily</a></li>
                            <li><a href="#tab2" aria-controls="tab2"  aria-selected="true" aria-checked="true"  role="tab" data-toggle="tab">Monthly</a></li>
                        </ul>
                        <!-- Navigation Tabs ends -->

正如你所看到的，我试图在第二个标签中添加一些条件，但没有任何反应。我可以知道应该做什么或做什么。非常感谢你。

Answer 1

只需将class='active'添加到tab2：

<!-- Navigation Tabs starts -->
    <ul class="nav nav-tabs" role="tablist" >
    <li><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">Daily</a></li>
    <li class="active"><a href="#tab2" aria-controls="tab2"  aria-selected="true" aria-checked="true"  role="tab" data-toggle="tab">Monthly</a></li>
     </ul>
<!-- Navigation Tabs ends -->

PS：我假设你正在使用bootstrap框架。 请查看此example以获取更多数据分析，并this查看详情。