Question

我有容器中的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>

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

Answer 1

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

Answer 2

只要您在父.container和.row div元素中正确包装了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 3

在 Bootstrap 4 中，语法略有变化

col-lg-10 offset-lg-2

删除小屏幕上的偏移量

3 个答案: