@orexov666

Как выровнять навигацию vue bootstrap-vue?

Всем привет, не могу от центровать
<template>
  <div class="header ">
    <b-navbar
      toggleable="lg"
      type="light"
      variant="light"
      class="container-fluid mx-auto"
    >
      <div class="logo_wrapper  col-md-1 col-sm-1 col-xl-1 ">
        <a href="/">
          <router-link tag="a" to="/"
            ><img src="../assets/logo.png" alt="" class="logo " to="/"
          /></router-link>
        </a>
      </div>
      <div class=" col-md-10 col-ld-10 text-left col-xl-11 ">
        <div class="header row">
          <h3 class="col-ld-10">
            Централизованная Библиотечная Система Выборгского района
            Санкт-Петербурга
          </h3>
          <a id="specialButton" href="#" class="specialButton ml-2 col-ld-1"
            ><img
              src="https://lidrekon.ru/images/special.png"
              alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ"
              title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ"
          /></a>
        </div>
        <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
        <div class="row ">
          <b-collapse id="nav-collapse" is-nav>
            <b-navbar-nav>
              <b-nav-item
                v-for="menu in menuItem"
                class="item col-md-1  col-lg-1 text-center col-xl-2"
              >
                <router-link tag="a" :to="menu.to">{{ menu.name }}</router-link>
              </b-nav-item>
              <b-nav-item-dropdown
                text="Дополнительно"
                right
                class="item_2 col-md-2 col-lg-2 col-xl-2 text-center"
              >
                <b-dropdown-item href="#" v-for="menu in menuItem2">{{
                  menu.name
                }}</b-dropdown-item>
              </b-nav-item-dropdown>
            </b-navbar-nav>
          </b-collapse>
        </div>
      </div>
    </b-navbar>
  </div>
</template>
  • Вопрос задан
  • 21 просмотр
Пригласить эксперта
Ответы на вопрос 1
DanArst
@DanArst
Э, Ойboy!
Добавьте класс .justify-content-center родительскому элементу блоков, которые нужно выровнять по центру. Это для bootstrap v4.4
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
01 дек. 2020, в 23:18
80000 руб./за проект
01 дек. 2020, в 22:41
60000 руб./за проект
01 дек. 2020, в 21:24
500 руб./за проект