How to justify the tabs, like in the example

[181]

Like in this example, https://jsfiddle.net/b44cc4dq/56/ there is a nav-justified class,

is there a way to add this without hacking in the package css part, as the ul part is produced by the package. tried with centered property, but all the tabs will be stacked together, I am using vue-tabs with bootstrap 4. Update: found the below width rule controls on this @media (min-width: 768px)

.vue-tabs .nav-justified > li, .vue-tabs .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } anyway to override this? So far tried to override inside vue single page component

[Exalyn]

I know it's late, but if someone still has this issue, please note that is probably Bootstrap who mess with nav class. Try to create a class on your vue-tabs, and then : .my-class .nav { display: block; }