删除小屏幕上的偏移

Question

我在容器中有 div，我想在中型、大型和超大型屏幕上使用 col--8 和 offset-2 - 这会将它放在页面的中央并且宽度更小，但是同时当屏幕很小或特别小时我想偏移被删除并且 col--12 div 充满

我试过：

<div class="col-xs-12 col-xs-offset-0 col-md-8 col-md-offset-2" >
  Some content here...
</div>

我做错了什么？ Ps。我还在页面上使用 angular...

Answer 1

只要您将 div 正确包装在父级 .container 和 .row div 中，您在那里的类就可以完成工作元素。包括这些包装器将如下所示：

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-md-8 col-md-offset-2" >
            Some content here...
        </div>
    </div>
</div>

Answer 2

删除 col-xs-offset-0。没有必要。这是一个分叉的 jsFiddle

Answer 3

在 Bootstrap 4 中，语法略有变化

col-lg-10 offset-lg-2

删除小屏幕上的偏移

Remove offset on small screens

css

grid

twitter-bootstrap-3

angular-bootstrap