自举偏移似乎无法正常工作答案

【问题标题】：Bootstrap offsetting does not seem to be working properly自举偏移似乎无法正常工作
【发布时间】：2021-12-28 09:05:14
【问题描述】：

我正在使用 Bootstrap 3，我有一个像这样的网格系统：

<div class="row">
   <div class="col-xs-4 offset-xs-4 col-sm-1 col-md-1 col-lg-1">
       <img src="https://sitename.com/img/logo.jpg">
   </div>
   <div class="offset-xs-4">
   </div>
</div>

xs 设备上的结果如下：

但我希望通过使用偏移类将徽标放置在中心。因此，我尝试将offset-xs-4 添加到包含徽标的类中，然后还添加了另一个带有offset-xs-4 类的div。

但问题是，它似乎不起作用，并且仍然在右侧显示徽标。

所以问题是，当涉及到xs 设备时，如何使用偏移类正确地将这个图像放置在屏幕的中心？

【问题讨论】：

你背后的代码和逻辑是对的。根据您所写的内容，该徽标应出现在中心。我猜其他一些样式也在“击中”该图像。例如，如果图像是绝对定位的，则使用right: 0;。所以如果我是你，那么我会检查元素并尝试打开/关闭它们以查看图像何时居中。呃......你也可以在一个不是你的目标的设备大小上看待这个。也许尝试删除：col-sm-1 col-md-1 col-lg-1

标签： html css twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

Bootstrap 3 偏移类不是offset-xs-4；是col-xs-offset-0

我认为您应该确认您正在使用的 Bootstrap 版本并使用正确的文档：

Bootstrap 3 Offsetting columns documentation

【讨论】：

我刚试过col-*-offset-3 但还是不行
不放 col-md-offset-3 或 col-xs-offset-3