Bootstrap 3 col-sm-offset-x影響到col-md-x結構

我有這個代碼<div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs">並且引導程序也在向col-md-12做偏移，我正在檢查代碼並且我有不知道爲什麼會發生這種情況，我認爲這種情況之前沒有發生過，但我已經回到了代碼中的很多步驟，可能到了它正在工作的地步，而且什麼都沒有。Bootstrap 3 col-sm-offset-x影響到col-md-x結構

如果我刪除偏移它的工作原理是假設...但我沒有在較小的分辨率上的偏移量。

這是頁面，在這裏你可以看到問題：Test page

是它把「貝斯52ºANIVERSARIO」

感謝您的幫助塊，我發瘋

來源

2014-05-24 amibumping

你怎麼看你的源代碼行數導致錯誤？ – bob

由於某種原因，我在大分辨率中輸入消息「div class =」col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs「>」在小水庫。 – amibumping

偏移從sm應用到最大尺寸。要停止它，請添加col-md-offset-0以防止偏移應用於較大的尺寸。

來源

2014-05-24 12:44:13 DavidG

是的!!!非常感謝！我不知道，我認爲這些信息不在bootstrap文檔中，但是謝謝:) – amibumping

@ user3652601它在文檔中。來自http://getbootstrap.com/css/#grid：「網格類適用於屏幕寬度大於或等於斷點尺寸的設備，並覆蓋面向較小設備的網格類，因此，應用任何.col-md-如果一個.col-lg-類不存在，它不僅會影響它在中型設備上的樣式，還會影響到它在大型設備上的樣式。「 – cvrebert

非常感謝DavidG爲你提供了一個很好，清晰和簡單的答案 –

Bootstrap 3 =移動第一。

您在XS「大小」範圍將通過除非你正在使用的幫助工具，像。可見-SM級

進行到更大的「尺寸」應用的任何樣式如果你想有一個列抵消了小範圍期間的可見只有：

<div class="row"> 
     <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs"> 
     <div class="col-sm-1 visible-sm"><div> 
     <div> 
      ...continue your content 
     </div>

來源

2014-05-24 12:52:23 bob

Bootstrap 3 col-sm-offset-x影響到col-md-x結構

回答

相關問題