Navbar Burger bulma не отображается правильно, используя bulma vue - PullRequest
Новая
       26

Navbar Burger bulma не отображается правильно, используя bulma vue

0 голосов
/ 04 апреля 2020

Я использую bulma и добавляю Navbar, но если у меня возникли проблемы, если эта страница переходит в мобильное представление, эта панель навигации не отображается правильно. это как на картинке ссылка . Я не знаю, что произойдет, на этом bulma.io, если я иду на мобильный просмотр, его показ правильно. это моя навигационная панель 

    <template>

   <nav class="navbar" role="navigation" aria-label="main navigation">
   <div class="navbar-brand">
      <a class="navbar-item">

      <router-link to="/"><img src="https://bulma.io/images/bulma-logo.png" width="112" height="28"> 
 </router-link>
    </a>

    <div class="navbar-burger" @click="showNav = !showNav" :class="{ 'is-active': showNav }">

      <span></span>
      <span></span>
      <span></span>

    </div>
    </div>

     <div class="navbar-menu" :class="{ 'is-active': showNav }">
      <div class="navbar-start">
      <a class="navbar-item">
       <router-link to="/">Home</router-link>
      </a>

      <a class="navbar-item">
        <router-link to="/about">About</router-link>
      </a>

    </div>

    <div class="navbar-end">
      <div class="navbar-item">
        <div class="buttons">
          <a class="button is-primary">
            <strong>Sign up</strong>
          </a>
          <a class="button is-light">
            Log in
          </a>
        </div>
      </div>
    </div>
  </div>
</nav>

</template>

<script>
    export default {
          data: function() {
        return {
            showNav: false
        }
      }
    }
</script>

Я думаю, что это не ошибка, но мой взгляд на браузер не отображался правильно, как эта картинка. кто-то может помочь?

1 Ответ

1 голос
/ 04 апреля 2020

это решено. я не использую html: 5 в моем шаблоне, поэтому он делает ошибку

...