Buefy Framework - колонки не складываются для мобильных устройств - PullRequest
Новая
       8

Buefy Framework - колонки не складываются для мобильных устройств

0 голосов
/ 10 февраля 2019

Я использую инфраструктуру Buefy в сочетании с Vue для создания приложения.Отзывчивость колонок не работает для меня.Документ Bulma гласит: « По умолчанию столбцы активируются только с планшета и далее. Это означает, что столбцы накладываются друг на друга на мобильном телефоне. » А на сайте Bulma -когда я смотрю документацию Columns в мобильном окне просмотра - столбцы действительно складываются.

В моем компоненте Vue - я использую pug в качестве языка разметки.Вот простая компоновка, которая должна складываться на мобильном устройстве: 

<template lang="pug">
    .container
        .columns
            .column 
                p first column
            .column
                p second column
</template>

Использование инструментов разработчика Chrome - вот как это выглядит.
enter image description here

Я думаю, что второй столбец должен быть сложен под первым столбцом ... Почему это не так?Рендеринг HTML от мопса выглядит отлично: 

<div class="container">
     <div class="columns">
          <div class="column">
              <p>first column</p>
          </div>
          <div class="column">
              <p>second column</p>
          </div>
     </div>
</div>
...