消除小屏幕上的偏移答案

【问题标题】：Remove offset on small screens消除小屏幕上的偏移
【发布时间】：2016-03-10 03:59:49
【问题描述】：

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

我试过了：

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

我做错了什么？附言。我也在页面上使用角度...

【问题讨论】：

标签： css twitter-bootstrap-3 grid angular-bootstrap

【解决方案1】：

在 Bootstrap 4 中，语法略有变化

col-lg-10 offset-lg-2

【讨论】：

【解决方案2】：

只要您将 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>

【讨论】：

【解决方案3】：

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

【讨论】：