Templat: BootstrapTabsNavPills: Perbedaan antara revisi
Dari GBI Danau Bogor Raya
k upd |
kTidak ada ringkasan suntingan |
||
| Baris 3: | Baris 3: | ||
<ul class="nav nav-tabs nav-pills {{{tabclass|mb-3}}}" id="Tabs_ID" role="tablist" style="margin-left: 0; {{{tabstyle|}}}"> | <ul class="nav nav-tabs nav-pills {{{tabclass|mb-3}}}" id="Tabs_ID" role="tablist" style="margin-left: 0; {{{tabstyle|}}}"> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
<btn class="nav-link active" id="ATab1-tab" data-toggle="tab" role="tab" aria-controls="ATab1" aria-selected="true">#ATab1|{{{tab1}}}</btn> | <btn class="nav-link active" id="ATab1-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab1" aria-selected="true">#ATab1|{{{tab1}}}</btn> | ||
</li> | </li> | ||
{{#ifexpr: {{{tabcount|1}}}>=2 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=2 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab2-tab" data-toggle="tab" role="tab" aria-controls="ATab2" aria-selected="true">#ATab2|{{{tab2}}}</btn> | <btn class="nav-link" id="ATab2-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab2" aria-selected="true">#ATab2|{{{tab2}}}</btn> | ||
</li> }} | </li> }} | ||
{{#ifexpr: {{{tabcount|1}}}>=3 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=3 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab3-tab" data-toggle="tab" role="tab" aria-controls="ATab3" aria-selected="true">#ATab3|{{{tab3}}}</btn> | <btn class="nav-link" id="ATab3-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab3" aria-selected="true">#ATab3|{{{tab3}}}</btn> | ||
</li> }} | </li> }} | ||
{{#ifexpr: {{{tabcount|1}}}>=4 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=4 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab4-tab" data-toggle="tab" role="tab" aria-controls="ATab4" aria-selected="true">#ATab4|{{{tab4}}}</btn> | <btn class="nav-link" id="ATab4-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab4" aria-selected="true">#ATab4|{{{tab4}}}</btn> | ||
</li> }} | </li> }} | ||
{{#ifexpr: {{{tabcount|1}}}>=5 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=5 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab5-tab" data-toggle="tab" role="tab" aria-controls="ATab5" aria-selected="true">#ATab5|{{{tab5}}}</btn> | <btn class="nav-link" id="ATab5-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab5" aria-selected="true">#ATab5|{{{tab5}}}</btn> | ||
</li> }} | </li> }} | ||
{{#ifexpr: {{{tabcount|1}}}>=6 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=6 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab6-tab" data-toggle="tab" role="tab" aria-controls="ATab6" aria-selected="true">#ATab6|{{{tab6}}}</btn> | <btn class="nav-link" id="ATab6-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab6" aria-selected="true">#ATab6|{{{tab6}}}</btn> | ||
</li> }} | </li> }} | ||
{{#ifexpr: {{{tabcount|1}}}>=7 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=7 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab7-tab" data-toggle="tab" role="tab" aria-controls="ATab7" aria-selected="true">#ATab7|{{{tab7}}}</btn> | <btn class="nav-link" id="ATab7-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab7" aria-selected="true">#ATab7|{{{tab7}}}</btn> | ||
</li> }} | </li> }} | ||
{{#ifexpr: {{{tabcount|1}}}>=8 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=8 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab8-tab" data-toggle="tab" role="tab" aria-controls="ATab8" aria-selected="true">#ATab8|{{{tab8}}}</btn> | <btn class="nav-link" id="ATab8-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab8" aria-selected="true">#ATab8|{{{tab8}}}</btn> | ||
</li> }} | </li> }} | ||
{{#ifexpr: {{{tabcount|1}}}>=9 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=9 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab9-tab" data-toggle="tab" role="tab" aria-controls="ATab9" aria-selected="true">#ATab9|{{{tab9}}}</btn> | <btn class="nav-link" id="ATab9-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab9" aria-selected="true">#ATab9|{{{tab9}}}</btn> | ||
</li> }} | </li> }} | ||
{{#ifexpr: {{{tabcount|1}}}>=10 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=10 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab10-tab" data-toggle="tab" role="tab" aria-controls="ATab10" aria-selected="true">#ATab10|{{{tab10}}}</btn> | <btn class="nav-link" id="ATab10-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab10" aria-selected="true">#ATab10|{{{tab10}}}</btn> | ||
</li> }} | </li> }} | ||
{{#ifexpr: {{{tabcount|1}}}>=11 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=11 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab11-tab" data-toggle="tab" role="tab" aria-controls="ATab11" aria-selected="true">#ATab11|{{{tab11}}}</btn> | <btn class="nav-link" id="ATab11-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab11" aria-selected="true">#ATab11|{{{tab11}}}</btn> | ||
</li> }} | </li> }} | ||
{{#ifexpr: {{{tabcount|1}}}>=12 | <li class="nav-item"> | {{#ifexpr: {{{tabcount|1}}}>=12 | <li class="nav-item"> | ||
<btn class="nav-link" id="ATab12-tab" data-toggle="tab" role="tab" aria-controls="ATab12" aria-selected="true">#ATab12|{{{tab12}}}</btn> | <btn class="nav-link" id="ATab12-tab" data-bs-toggle="tab" role="tab" aria-controls="ATab12" aria-selected="true">#ATab12|{{{tab12}}}</btn> | ||
</li> }} | </li> }} | ||
</ul><!-- | </ul><!-- | ||
Revisi terkini sejak 2 September 2024 22.53
tabcount belum diisi!
Dokumentasi templat
Pemakaian
{{ BootstrapTabs
| tabcount=
| containerclass=
| containerstyle=
| tabclass=
| tabstyle=
| contentclass=
| contentstyle=
| tab1=
| content1=
| tab2=
| content2=
| tab3=
| content3=
| tab4=
| content4=
| tab5=
| content5=
| tab6=
| content6=
| tab7=
| content7=
| tab8=
| content8=
| tab9=
| content9=
| tab10=
| content10=
}}