[Vuejs]-How to hide navbar when collapsed in bootstrap-vue

0👍

This is the solution. Probably some conflict with flex model.

    <b-collapse id="nav-collapse" is-nav>
      <b-navbar-nav class="d-none d-sm-block">
        <div class="d-inline-flex flex-column">
          <h2><b-nav-text class="text-white">{{ $t('app.name') }}</b-nav-text></h2>
          <b-nav-text class="text-white">{{ $t('app.slogan') }}</b-nav-text>
        </div>
      </b-navbar-nav>

Leave a comment