Как сократить список классов в Бульме

#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. Да, это оно. Спасибо.