自舉電網系統沒有響應，如預期

Question

所以我按照文檔的理解是

XS =小的，如手機

SM = iPad和其他平板電腦

MD =較小的筆記本電腦

LG =大筆記本電腦和大桌面

<div class="col-xs-12 col-md-4 col-lg-3"> 
     <div class="thumbnail"></div> 
     ...... 
</div> 

什麼我期望的是，在我的手機上，該項目將採用兩側「排水溝」的全寬。

在平板電腦（sm）上，我期望它能選擇之前的xs，因此它應該佔用整個12列。由於我沒有指定任何「sm」

在筆記本電腦（MD）上，我期望三個項目。

和更大的（lg）屏幕我每行四個項目。

我用來測試響應性的方法只是簡單地調整我的瀏覽器。當我縮小窗口時，會發生什麼情況是，當它的最小值（xs和sm）溢出時，我的項目最終會變成每行一個項目，我看不到整個項目。

我做錯了什麼，我誤解了網格系統背後的理論嗎？

Answer 1

我覺得有一個小小的錯誤。

對於全寬爲XS和SM既然你要4個項目每行的MD，你應該寫COL-MD-3而不是同事的---- >> COL-XS-12應該足夠

md-4（數字3表示它佔據了每列12列的列數，所以col-md-3佔3列--- >> 12/3 =每行4列）

同樣對於3 lg上的每行項目----> col-lg-4

我認爲應該在更大的屏幕上解決。

也很抱歉，我沒有完全理解你說的溢出。如果你可以告訴我你的代碼或者你想要實現什麼的圖片，我可以告訴一些事情。