Bootstrap col-sm-offset未在小型设备中应用

Question

我使用的是Bootstrap v 3.0.3。 Bootstrap的偏移对我不起作用。

以下是相关示例：

<div class="col-sm-8 col-sm-offset-2-popup col-md-4 col-md-offset-4-popup">
   ....
</div>

在小型设备中，col-md-offset-4-popup会被应用而不是col-sm-offset-2。

有人知道为什么会这样吗？

Answer 1

什么是'-popup'？

如果您希望使用.col-md-offset-*类而不使用'-popup'将列移到右侧。 例如<div class="col-md-3 col-md-offset-3"></div>

Answer 2

Bootstrap框架中不存在

col-md-offset-x-popup。实际上，没有一个类包含popup关键字。如果它是一个自定义类，请确保它不会干扰Bootstrap基类。

由于Bootstrap首先是移动设备，所以您应该使用以下内容：

• col-xs-8 col-xs-offset-2用于额外的小型设备
• 仅适用于小型设备（将保留-xs值）
• col-md-4 col-md-offset-4适用于中型设备
• 仅适用于大型设备（将保留-md值）

<div class="col-xs-8 col-xs-offset-2 col-md-4 col-md-offset-4">
   ...
</div>

Bootply

Answer 3

尝试在div标签中添加col-xs-offset-*与其他类