Bootstrap -4 Padding

Question

Я использую функцию заполнения bootstrap 4. По умолчанию классы col или col-12 в bootstrap4 применяют отступы 15px слева и справа. Я хочу установить левый и правый отступы 0 для мобильных устройств, поэтому я использую следующий код

<div class="col col-12 p-0"></div>

Поскольку Bootstrap -4 для мобильных устройств, я предположил, что p-0 будет применяться только для очень маленьких экранов, но, к сожалению, этот p-0, кажется, применяется для всех размеров экрана для меня. Есть ли способ, которым я могу использовать только p-0 для очень маленьких мобильных устройств или sm устройств. Для мобильного рабочего стола следует применять отступ по умолчанию 15 пикселей слева и справа.

Спасибо.

Answer 1

Сетка bootstrap работает так: если вы поместите .col в .row, строка будет иметь отрицательное левое и правое поле, которое поглощает поле столбца.

Но если вы все еще хотите иметь заполнение 0 на маленьких экранах и немного на среднем, вы можете сделать это:

<div class="col-12 px-0 px-md-3"></div>

«x» означает заполнение влево и вправо, потому что столбцы имеют отступы только слева и справа. «3» по умолчанию дает вам 1rem, что составляет 16px, самое близкое к 15px.