На Bootstrap 4 как открыть панель навигации слева направо? - PullRequest
Новая
       39

На Bootstrap 4 как открыть панель навигации слева направо?

0 голосов
/ 20 марта 2019

В Bootstrap 4, как открыть панель навигации слева направо?

Я новичок в Bootstrap 4. Есть ли .class, чтобы сделать это, или мне нужно создать свой собственный CSS иJS?

В настоящее время меню Bootstrap 4 на панели навигации открывается сверху вниз.Я хотел бы открыть справа налево: 

            {% if page.navigation_collapsible_first %}
              <div class="collapse navbar-collapse" id="CollapsingNavbarFirst">
                {{ page.navigation_collapsible_first }}
          </div>
            {% endif %}

{% block head %}
        <nav{{ navbar_attributes }}>
          {% if container_navbar %}
            <div class="container">
          {% endif %}

            <button class="navbar-toggler navbar-toggler-left" type="button" data-toggle="collapse" data-target="#CollapsingNavbarFirst" aria-controls="CollapsingNavbarFirst" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>

            {{ page.navigation_notification_first }}
            {{ page.navigation_logo }}
            {{ page.navigation_notification_second }}

            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#CollapsingNavbarSecond" aria-controls="CollapsingNavbarSecond" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>

          {% if container_navbar %}
            </div>
          {% endif %}
        </nav>
{% endblock %}

            {% if page.navigation_collapsible_second %}
              <div class="collapse navbar-collapse" id="CollapsingNavbarSecond">
                {{ page.navigation_collapsible_second }}
          </div>
            {% endif %}
...