为较低屏幕分辨率创建的引导程序“偏移”也显示在较大的屏幕上答案

【问题标题】：Bootstrap 'offset' created for lower screen resolutions is being displayed on larger screen as well为较低屏幕分辨率创建的引导程序“偏移”也显示在较大的屏幕上
【发布时间】：2014-07-03 03:13:37
【问题描述】：

使用 Twitter Bootstrap - 3 创建的 HTML 文件，其标题包含 4 列。这是网址 -

http://jsfiddle.net/anujbhai/nuHX6/.

问题是，内部

#module_signup_header

即使在大屏幕里

.col-md-offset-1

应该工作，而不是

.col-sm-offset-1

正在接管布局，我认为只能在宽度小于 750 像素的屏幕上查看。

..有人请帮忙！！为较低屏幕分辨率创建的“偏移”正在大屏幕上显示，

【问题讨论】：

标签： html css twitter-bootstrap responsive-design

【解决方案1】：

低于 768 像素，col-xs-width 不适用于 col-sm-width。对于大于 768 像素但小于 992 像素，col-sm-width 有效。对于大于 992px 但小于 1200，col-md-works。对于超过 1200 像素， col-lg 有效。

对于 750px，col-xs 应该可以工作，但由于它不存在，所以下一个 col-sm 正在工作。

【讨论】：

那你有什么建议？我尝试写下一个新类 .col-xs-offset-1 但它进一步弄乱了布局

【解决方案2】：

我实际上遇到了类似的问题，即 sm 大小的偏移量会延续到 md 大小，即使我使用的是他们建议的 md-offset-0 选项。也许推送不被视为偏移量？

但是对于你的例子，我会添加 offset-0，给你这个

<div class="col-sm-x col-sm-offset-1 col-md-offset-1 col-md-offset-0">

【讨论】：

感谢您听取我的意见，但...无法理解您的想法。如果您可以查看我的小提琴（上面给出的 URL）、编辑它并分享，那将非常有帮助。请！