Есть ли класс начальной загрузки для обработки всех значений ширины колов?

Question

Я создавал динамический HTML для обработки размеров ширины рабочего стола / мобильного с помощью системы сетки начальной загрузки.

Есть ли способ объединить классы css в "родительский" класс для ограничения дублирования кода?

Пример, Изменения:

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"></div>

Кому:

<div class="all-column"></div>

Где класс .all-column объединяет все ширины классов в один класс?

Answer 1

Нет , вы не можете наследовать от другого класса в CSS, но вы можете использовать в препроцессорах CSS, таких как SASS.

Однако использование одного и того же col для каждой точки останова не требуется:

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"></div>

Потому что это то же самое вещь:

<div class="col-xs-6"></div>

Читать как работают классы сетки Bootstrap .

Answer 2

Вы можете сделать это так:

<div class="col-xs-6"></div>

Это позаботится о других классах автоматически col-lg-6 col-md-6 col-sm-6