3

i'm searching for an easy way to get the nav-tabs of Bootstrap v4 to be vertical (right or left),
pretty much same as this.

every library or plugin i found are able to do this only on bootstrap's V3 and not V4.

Sagiv b.g
  • 30,379
  • 9
  • 68
  • 99
  • You can rotate it to 90 degree. Here is a simple mthod http://stackoverflow.com/questions/15806925/how-to-rotate-text-left-90-degree-and-cell-size-is-adjusted-according-to-text-in – Naob Dec 02 '16 at 01:14

1 Answers1

0

In the <ul> element, change the flex direction from row to column (it's row by default). Here's an example from a website I recently designed in Bootstrap 4 Beta 2. Should work just fine in alpha.

.navbar-expand-md .navbar-nav {
    flex-direction: column;
}
isherwood
  • 58,414
  • 16
  • 114
  • 157
pjones235
  • 540
  • 2
  • 18