Как растянуть элементы навигационной панели bootstrap - vue до края? - PullRequest
Новая
       37

Как растянуть элементы навигационной панели bootstrap - vue до края?

0 голосов
/ 24 марта 2020

Я пытаюсь растянуть конец навигационной ссылки, когда ширина экрана превышает 1080px. Но текущая bootstrap панель навигации по умолчанию может растягиваться только до 1080px. Как я должен сделать это до конца. Я думаю Bootstrap 4 использует систему flex вместо сетки. Может быть, поэтому я не могу это переопределить.

Current page

<template>
  <section>
      <b-navbar class="nonauth-bar" toggleable="lg" type="dark">
        <b-navbar-brand href="home"><img src="../assets/nobo_small.svg" alt="Nobo logo"></b-navbar-brand>

        <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>

        <b-collapse id="nav-collapse" is-nav>

          <!-- Right aligned nav items -->
          <b-navbar-nav class="ml-auto">
            <b-nav-item><router-link to="about" class="nav-link nav-link-grow-up">About</router-link></b-nav-item>
            <b-nav-item><router-link to="login" class="nav-link nav-link-grow-up">Login</router-link></b-nav-item>
            <b-nav-item><router-link to="signup" class="nav-link nav-link-grow-up">SignUp</router-link></b-nav-item>
          </b-navbar-nav>
        </b-collapse>
      </b-navbar>
  </section>

...