css - 从右向左移动导航栏

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="navbar-left"你在“navbar-right”中有菜单，将菜单更改为 navbar-right 或引用 bootstrap 3 navbar。