Bootstrap 3 offset игнорирует размеры

Question

У меня есть набор смещений для экрана среднего размера, но смещение все еще происходит, когда экран в большом размере. Вот фрагмент моего html, как я могу решить эту проблему?

<div class="col-lg-6 col-sm-12"> 
    <div class="row"> 
    <div class="col-lg-12 col-md-3 col-md-offset-3"></div> 
    </div> 
</div> 

Answer 1

В начальной загрузки, устройство размера конкретных классов влияет на размер класса и все более высокие размеры, если переопределены. Итак, конечно, col-md-offset-3 будет присутствовать и на больших экранах. Вы можете «переопределить» этот класс для больших экранов с помощью col-lg-offset-0.

<div class="col-lg-6 col-sm-12"> 
    <div class="row"> 
    <div class="col-lg-12 col-md-3 col-md-offset-3 col-lg-offset-0"></div> 
    </div> 
</div> 

От docs:

классы сетки применяются для устройств с экранами шириной больше или равна с точки останова размеров и классов коррекции сетки, ориентированных на более мелких устройств. Поэтому применение любого класса .col-md- к элементу не будет влияет только на его стиль на средних устройствах, но также и на большие устройства, если a .col-lg- класс нет.