导航栏切换时，菜单切换为垂直而不是水平

Question

代码演示：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

在CSS下方添加

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

检查以下链接 https://jsfiddle.net/8gz1x7m4/

Answer 2

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