Наличие меню для переключения по вертикали, а не по горизонтали

Question

Code Demo: https://jsfiddle.net/a8hu4Lo1/

Мне не удается выпустить в меню теги ul / li и находиться в вертикальном положении.Они горизонтальны.

Как я могу создать это так, чтобы он был вертикальным?

Я пробовал оба:

 .nav-li  {
   display: inline-block;
 }

 .nav-li  {
   display: block;
 }

Наряду с вариациями:

 .nav-li div  {
  ...;
 }

Я также попробовал его на ul.

ul:

 .div_underline {
   display: inline-block;
   margin: 0 20px;
   text-decoration: none;
 }

Как сделать, чтобы меню переключения переключалось в вертикальный формат li?

Answer 1

 .navbar-collapse .navbar-expand{
 display:inline-block;
}

Answer 2

добавлено ниже css

.navbar-collapse .navbar-expand{
 flex-direction: column;
}

проверьте ссылку ниже https://jsfiddle.net/8gz1x7m4/