引導3個格媒體：動態生成的，不同的山坳類和媒體查詢

Question

我有縮略圖的簡單的網格，我佈局 - 通過WordPress的循環縮略圖項目動態生成和輸出。

我對每個縮略圖使用三個Bootstrap 3列類：.col-xs-4，.col-md-3和.col-lg-2，以便在小屏幕上顯示3個縮略圖，4在中等屏幕上顯示縮略圖，在大屏幕上顯示6張縮略圖。

因爲有根據屏幕大小，我無法打開，並以基於循環計數器，因爲我通常會做縮略圖的預定數量關閉div.row每行的縮略圖數量可變的。

所以我不知道如何才能最好地打開/取決於有多少縮略圖項目在特定媒體查詢每行顯示關閉必要的引導div.row？

Answer 1

行類直接服務於兩個目的。大多數情況下，它們都有負側邊緣來補償外側立柱的邊緣。他們傾向於爲呼吸室留出底部餘量。

話雖這麼說，你應該能夠把所有.col- *，縮略圖包裝成具有行類單格，讓列類打理包裹的爲您服務。您可能需要將縮略圖底部添加到縮略圖以匹配行的間距（如果需要）。

Answer 2

它會爲你的設計工作，如果在你的整體網格中的所有縮略圖中的一個大<div class=row> ... </div>都？

Bootstrap仍應該自動將它們按正確的順序推入？