bootstrap菜单栏应该从左到右垂直展开

Question

我有引导菜单栏，假设此链接https://pastebin.com/Xhqc30bJ。当它是移动视图时，我需要像此链接https://v4-alpha.getbootstrap.com/examples/navbar-top/这样的菜单。请帮我完成这项任务。提前谢谢

Answer 1

您可以从左向右展开，只需更改.navbar-nav css即可 -webkit-box-orient: vertical;来 -webkit-box-orient: horizontal;和 flex-direction: column;到flex-direction: row; 在CSS的所有部分。示例代码如下

.navbar-nav {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}