Bootstrap 3 col-sm-offset-x влияет на структуру col-md-x

У меня есть этот код <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs"> и bootstrap делает смещение в col-md-12 тоже, я проверяя код, и я не знаю, почему это происходит, я думаю, что этого раньше не было, но я вернул себе много шагов в коде, возможно, к тому, что он работал, и ничего.

Если я удалю смещение, он работает так, как предполагается... но у меня нет смещения на меньшие разрешения.

Это страница, на которой вы можете увидеть проблему: тестовая страница

Это блок, где он помещает "Особый 52º Aniversario"

Спасибо за помощь, заводит меня орехами

Ответы

Ответ 1

Смещение применяется от sm вплоть до максимального размера. Чтобы остановить его, добавьте col-md-offset-0 чтобы предотвратить смещение, применяемое к более крупным размерам.

Ответ 2

Bootstrap 3 = сначала мобильный.

Любые стили, применяемые в диапазоне размеров xs, будут перенесены в более крупные размеры, если вы не используете вспомогательные утилиты, такие как.visible-sm class

Если вы хотите иметь один столбец смещения, который виден только в течение небольшого диапазона:

    <div class="row">
      <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs">
        <div class="col-sm-1 visible-sm"><div>
        <div>
          ...continue your content
        </div>