<div class="row">
<div class="col-3">
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">Home</a>
<a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Profile</a>
<a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">Messages</a>
<a class="nav-link" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">Settings</a>
</div>
</div>
<div class="col-9">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">...</div>
<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">...</div>
<div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">...</div>
<div class="tab-pane fade" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">...</div>
</div>
</div>
</div><div class="row">
<div class="col-3">
<!-- Tab navs -->
<div
class="nav flex-column nav-tabs text-center"
id="v-tabs-tab"
role="tablist"
aria-orientation="vertical"
>
<a
class="nav-link active"
id="v-tabs-home-tab"
data-mdb-toggle="tab"
href="#v-tabs-home"
role="tab"
aria-controls="v-tabs-home"
aria-selected="true"
>Home</a
>
<a
class="nav-link"
id="v-tabs-profile-tab"
data-mdb-toggle="tab"
href="#v-tabs-profile"
role="tab"
aria-controls="v-tabs-profile"
aria-selected="false"
>Profile</a
>
<a
class="nav-link"
id="v-tabs-messages-tab"
data-mdb-toggle="tab"
href="#v-tabs-messages"
role="tab"
aria-controls="v-tabs-messages"
aria-selected="false"
>Messages</a
>
</div>
<!-- Tab navs -->
</div>
<div class="col-9">
<!-- Tab content -->
<div class="tab-content" id="v-tabs-tabContent">
<div
class="tab-pane fade show active"
id="v-tabs-home"
role="tabpanel"
aria-labelledby="v-tabs-home-tab"
>
Home content
</div>
<div
class="tab-pane fade"
id="v-tabs-profile"
role="tabpanel"
aria-labelledby="v-tabs-profile-tab"
>
Profile content
</div>
<div
class="tab-pane fade"
id="v-tabs-messages"
role="tabpanel"
aria-labelledby="v-tabs-messages-tab"
>
Messages content
</div>
</div>
<!-- Tab content -->
</div>
</div>dont be a poes| Code Example |
|---|
| Html :: <input autocomplete="off"</input |
| Html :: how do i make a link of a button go on a different page |
| Html :: html to hml |
| Html :: link css file |
| Html :: html metadata |
| Html :: html image in table |
| Html :: change text direction in html |
| Html :: bootstrap progress bar with percentage |
| Html :: tabs bootstrap 3 |
| Html :: html textboxes |
| Html :: what is custodial crypto wallet |
| Html :: oldest person |
| Html :: bootstrap 5 tabs |
| Html :: index.html favicon.ico 404 (Not Found) |
| Html :: hyper text markup language |
| Html :: balzor onchange |
| Html :: html img tag with alt |
| Html :: html input with icon right |
| Html :: ejs ternary |
| Html :: best place to include script in html layout |
| Html :: how to add js to html |
| Html :: how to write 2 class in html |
| Html :: click on button fire to another button |
| Html :: unmount ubuntu |
| Html :: whatsapp api |
| Html :: accordion bootstrap 5 collapse not working |
| Html :: ip html |
| Html :: input number maxlength html |
| Html :: amp-img example |
| Html :: img svg not loading |