Сделать сайт bulma похожим на мобильный и рабочий стол - PullRequest
Новая
       43

Сделать сайт bulma похожим на мобильный и рабочий стол

0 голосов
/ 14 октября 2018

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

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

Я вовсе не CSS / HTML / JSэксперт, и я очень новичок в веб-дизайне, но мне было интересно, есть ли у кого-нибудь решение для этого?

1 Ответ

0 голосов
/ 15 октября 2018

По умолчанию столбцы активируются только с планшета.Это означает, что столбцы располагаются друг над другом на мобильном устройстве.Если вы хотите, чтобы столбцы также работали на мобильных устройствах, просто добавьте модификатор is-mobile в контейнер столбцов. 

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" rel="stylesheet" />
<div class="columns is-mobile">
  <div class="column">1</div>
  <div class="column">2</div>
  <div class="column">3</div>
  <div class="column">4</div>
</div>

https://bulma.io/documentation/columns/responsiveness/

...