Aşağıdaki gibi bir tab kullanıyorum. 3 adet tab var ancak sayfayı ilk açtığımda forum konuları seçili gelmesine rağmen içeriği göstermiyor. Ancak segmeler arası geçiş yaptığımda gösteriyor. Siteye ilk girdiğimde ilk tab içeriğinin açılmasını nasıl yapabiliri?
<div class="nk-tabs">
<!--
Additional Classes:
.nav-tabs-fill
-->
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" href="#tabs-1-1" role="tab" data-toggle="tab">Forum Konuları</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tabs-1-2" role="tab" data-toggle="tab">Sunucu Konuları</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tabs-1-3" role="tab" data-toggle="tab">Garbage Konuları</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="tabs-1-1">
<div class="nk-gap"></div>
{PLUGIN_NEWLATEST_POSTS}
<div class="nk-gap"></div>
</div>
<div role="tabpanel" class="tab-pane fade" id="tabs-1-2">
<div class="nk-gap"></div>
{PLUGIN_NEWREKLAM_POSTS}
<div class="nk-gap"></div>
</div>
<div role="tabpanel" class="tab-pane fade" id="tabs-1-3">
<div class="nk-gap"></div>
{PLUGIN_NEWGARBAGE_POSTS}
<div class="nk-gap"></div>
</div>
</div>
</div>*---------------------------
Element Tabs
----------------------------*/
.nk-tabs::before {
content: "";
display: block;
clear: both;
}
.nk-tabs .nav-tabs {
border-bottom: none;
}
.nk-tabs .nav-tabs .nav-item + .nav-item {
margin-left: 10px;
}
.nk-tabs .nav-tabs .nav-item, .nk-tabs .nav-tabs .nav-item:focus, .nk-tabs .nav-tabs .nav-item:hover,
.nk-tabs .nav-tabs .nav-link,
.nk-tabs .nav-tabs .nav-link:focus,
.nk-tabs .nav-tabs .nav-link:hover,
.nk-tabs .nav-tabs .nav-item.open .nav-link,
.nk-tabs .nav-tabs .nav-item.open .nav-link:focus,
.nk-tabs .nav-tabs .nav-item.open .nav-link:hover,
.nk-tabs .nav-tabs .nav-link.active,
.nk-tabs .nav-tabs .nav-link.active:focus,
.nk-tabs .nav-tabs .nav-link.active:hover {
color: #fff;
}
.nk-tabs .nav-tabs .nav-link {
min-width: 100px;
padding: 10px 15px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
text-align: center;
text-transform: uppercase;
background-color: #2f3541;
border: none;
border-radius: 4px;
transition: 0.15s background-color;
}
.nk-tabs .nav-tabs .nav-link:focus, .nk-tabs .nav-tabs .nav-link:hover {
background-color: #363d4a;
}
.nk-tabs .nav-tabs .nav-link.active, .nk-tabs .nav-tabs .nav-link.active:focus, .nk-tabs .nav-tabs .nav-link.active:hover {
background-color: #dd163b;
}
.nk-tabs .nav-tabs.nav-tabs-fill {
display: flex;
flex-flow: row wrap;
margin: -10px -5px;
}
.nk-tabs .nav-tabs.nav-tabs-fill .nav-item {
flex: 1;
margin: 10px 5px;