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

Question

[RomKing]

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



P.s. решается сбросом маржина от Bootstrap следующим свойством:

.promo .offset-md-1 {
    margin: 0;
}

,
но корректно ли это решение и не сломается ли адаптивность в последующем? И вообще, какого черта там появляется левый маргин в вышеописываемом случае?

Answer 1

[Евгений]

Попробуйте верстать без Bootstrap, а потом, когда научитесь, то можете его использовать

Answer 2

[Юрий]

Я бы посоветовал для начала почитать, как работают media query. В данном случае media (min-width: 768px) применяется ко всем экранам, ширина которых больше или равна 768. Ваши 1366 этому условию соответствуют.

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

Comments

[RomKing]

Про min-width прогнал, спасибо).
Вместе с тем и судя по тому, что мне мало о чем говорит второй абзац вашего ответа, мне необходимо почитать не только про madia)