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 
}