Question

我正在尝试从右到左移动水平菜单，但我找不到任何好的解决方案。 this is how the menu currently looks like.

这是用于导航栏的代码：

 .navbar .navbar-collapse {
        min-height: 125px;
        margin-bottom: 0!important;
        text-align: justify
    }

    .navbar-collapse ul li a {
        font-family: {{ settings.face_secondary_button_text }};
        text-transform: uppercase;
        font-size: 14px;
        color: {{ settings.color_secondary_button_text }};
        font-weight: 900;
        height: 2px;
        padding-bottom: 22px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 55px;


    }

    .navbar-collapse ul li a:hover {
        background-color: transparent;
        border-bottom: 3px solid {{ settings.color_secondary_button_hover }};
    }

    .on-state {
        background-color: transparent!important;
        border-bottom: 3px solid {{ settings.color_body_text }}!important;
    }

    .navbar-static-top {
      margin-bottom: 0!important;
      min-height: 80px;
    }

Answer 1

将会有一个ul class =＆＃34; navbar-left＆＃34;在导航栏部分，您可以使用＆＃34; navbar-right＆＃34;将菜单更改为navbar-right或参考bootstrap 3 navbar。

将导航栏从右向左移动

1 个答案: