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

Question

我有引导菜单栏，假设这个链接https://v4-alpha.getbootstrap.com/examples/navbar-top/。当它是移动视图时，我需要菜单，如链接https://lekmer.se/。请帮我完成这个任务。预先感谢

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 
}