@RomKing

Почему появляется незваный margin-left от Bootstrap?

День добрый.
Практикуюсь на макете. Сломал себе мозг с неубираемым margin-left от Bootstrap (если я правильно понял).
Я не догоняю, почему в этом случае появляется @media c margin-left: 8.33333%;, ведь условие не соблюдается, поскольку работаю на экране с шириной 1366? Из-за появления margin-left заголовки H1 и H2 не выравниваются по центру относительно шапки:
5fbbb684b7d4d125163154.jpeg
5fbbb69558669290131323.jpeg

P.s. решается сбросом маржина от Bootstrap следующим свойством:
.promo .offset-md-1 {
    margin: 0;
}
,
но корректно ли это решение и не сломается ли адаптивность в последующем? И вообще, какого черта там появляется левый маргин в вышеописываемом случае?
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ответы на вопрос 2
iamd503
@iamd503 Куратор тега CSS
Верстальщик
Попробуйте верстать без Bootstrap, а потом, когда научитесь, то можете его использовать
Ответ написан
@cheeroque
Я бы посоветовал для начала почитать, как работают media query. В данном случае media (min-width: 768px) применяется ко всем экранам, ширина которых больше или равна 768. Ваши 1366 этому условию соответствуют.

Если нужно, чтобы отступ был только на брейкпойнте md, сбрасывайте его в следующем брейкпойнте, lg, добавив класс offset-lg-0.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы