2014-06-17 56 views
-1

甲HTML文件,創建使用Twitter的引導 - 3,用含有4列的標題。這裏的URL -自舉「偏離」的較低的屏幕分辨率生成正在顯示更大的屏幕上以及

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

問題是,裏面

#module_signup_header 

即使在大屏幕,

.col-md-offset-1 

應該是工作,而不是

.col-sm-offset-1 

接管的佈局,我認爲應該只能在寬度小於750px的屏幕上查看。

..有人請幫忙!!對於較低的屏幕分辨率創建的「偏移」正被顯示較大的屏幕上,

回答

0

下面768px,col-xs-width作品不COL-SM-寬度。 對於超過768px但小於992px,col-sm-width的作品。 對於超過992px但小於1200的col-md-works。 超過1200像素,col-lg作品。

爲750px,COL-XS應該工作,但因爲它是不存在的,未來COL-SM是在工作。

+0

所以,你有什麼建議?我試着寫下了一類新 .COL-XS-偏移1 但它弄亂佈局進一步 – Anuj

0

實際上,我遇到了類似的問題,其中一個在SM尺寸偏差延續到了MD大小,即使我使用他們的建議的MD-偏移0選項。也許一推不被認爲是抵消?

但你的例子我想補充偏移0,給你這個

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

感謝聽我的意見,但......不能按照你的概念。如果您可以查看我的小提琴(上面給出的URL),編輯它並共享,將會非常有幫助。請! – Anuj