#css #grid #bulma
Вопрос:
Как я могу уменьшить определение класса для столбца Bulma, которое на самом деле выглядит следующим образом
<div class="column is-three-quarters-mobile is-three-quarters-tablet is-three-quarters-desctop is-three-quarters-widescreen is-three-quarters-fullhd"></div>
Это действительно плохо. Надеюсь, что есть способ только для одного класса делать то, что я хочу. Спасибо.
Ответ №1:
Похоже, вы хотите, чтобы размер вашей колонки составлял 3/4 независимо от размера окна просмотра.
Вы можете просто использовать is-three-quarters
класс, который будет работать для всех размеров, кроме мобильных.
Чтобы он работал и на мобильных устройствах, вам необходимо добавить is-mobile
класс в контейнеры столбцов, как описано в документации, поэтому ваш код выглядит следующим образом:
<div class="columns is-mobile">
<div class="column is-three-quarters"></div>
</div>
Комментарии:
1. Да, это оно. Спасибо.