xxxxxxxxxx
1
<div class="row w-100">
2
<div class="col-3">
3
<!-- Tab navs -->
4
<div
5
class="nav flex-column nav-tabs text-center"
6
id="v-tabs-tab ex-with-icons"
7
role="tablist"
8
aria-orientation="vertical"
9
>
10
<a
11
class="nav-link active"
12
id="v-tabs-home-tab"
13
data-mdb-toggle="tab"
14
href="#v-tabs-home"
15
role="tab"
16
aria-controls="v-tabs-home"
17
aria-selected="true"
18
>Home</a
19
>
20
<a
21
class="nav-link"
22
id="v-tabs-profile-tab"
23
data-mdb-toggle="tab"
24
href="#v-tabs-profile"
25
role="tab"
26
aria-controls="v-tabs-profile"
27
aria-selected="false"
28
>Profile</a
29
>
30
<a
31
class="nav-link"
32
id="v-tabs-messages-tab"
33
data-mdb-toggle="tab"
34
href="#v-tabs-messages"
35
role="tab"
36
aria-controls="v-tabs-messages"
37
aria-selected="false"
38
>Messages</a
39
>
40
</div>
41
<!-- Tab navs -->
42
</div>
43
44
<div class="col-9">
45
<!-- Tab content -->
46
<div class="tab-content" id="v-tabs-tabContent">
47
<div
48
class="tab-pane fade show active"
49
id="v-tabs-home"
50
role="tabpanel"
51
aria-labelledby="v-tabs-home-tab"
52
>
53
Home content
54
</div>
55
<div
56
class="tab-pane fade"
57
id="v-tabs-profile"
58
role="tabpanel"
59
aria-labelledby="v-tabs-profile-tab"
60
>
61
Profile content
62
</div>
63
<div
64
class="tab-pane fade"
65
id="v-tabs-messages"
66
role="tabpanel"
67
aria-labelledby="v-tabs-messages-tab"
68
>
69
Messages content
70
</div>
71
</div>
72
<!-- Tab content -->
73
</div>
74
</div>
1
1
1
1
Console errors: 0