为较低屏幕分辨率创建的Bootstrap'offset'也会在更大的屏幕上显示

时间:2014-06-17 06:44:00

标签: html css twitter-bootstrap responsive-design

使用Twitter Bootstrap - 3创建的HTML文件,标题包含4列。这是URL -

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

问题在于

#module_signup_header

即使在大屏幕上

.col-md-offset-1

应该正常工作,而不是

.col-sm-offset-1 

接管布局,我认为只应在宽度小于750像素的屏幕上观看。

有人请帮忙!! '偏移'为较低屏幕分辨率创建的屏幕显示在较大的屏幕上,

2 个答案:

答案 0 :(得分:0)

在768px以下,col-xs-width不是col-sm-width。 对于超过768px但小于992px,col-sm-width有效。 对于超过992px但不到1200,col-md-works。 对于超过1200 px,col-lg工作。

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

答案 1 :(得分:0)

我实际上遇到了一个类似的问题,即sm大小的偏移量会延续到md大小,即使我正在使用他们建议的md-offset-0选项。也许推动不被视为抵消?

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

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