Как применить поля начальной загрузки для определенных точек останова

Question

Я хочу применить загрузочное поле только для устройств xs и sm

Я вставил mt-4 mt-sm-4 в элемент, чтобы он предназначался только для очень маленьких и маленьких устройств.

Это работает, однако я нахожу, что поле также применяется к большим устройствам Destkop, поэтому мне пришлось обнулить поля, добавив mt-md-0 и mt-lg-0. Есть ли причина, по которой я должен обнулить поля, поскольку я думал, что, если я нацеливаюсь на устройства xs и sm, это будет применяться только там. Я просто не уверен, как работает bootstrap, т.е. если я применю класс к меньшему устройству, означает ли это, что он будет применяться к этому устройству плюс ко всем большим устройствам?

Answer 1

Используйте mt-4 mt-md-0.

Это относится:

• на полях 4 верхних поля на хз и малые
• на полях 0 единиц на полях (ибольше)

См. также: Как использовать служебные классы Spacing на Bootstrap 4