固定的cols寬度的cols /行數取決於屏幕寬度

Question

使用引導3，我在尋找其中列的寬度都固定在任何屏幕分辨率網格佈局（假設200像素），但其數量取決於屏幕寬度。

換句話說，我知道列的寬度，但我不知道每行有多少列，因爲它取決於屏幕寬度。單元格之間的邊距也將取決於屏幕寬度。

當屏幕的寬度較大，一定有很多列，但幾行字：

______________________________________________________________ 
| ___________ ___________ ___________ ___________ | 
| |   | |   | |   | |   | | 
| | #1  | | #2  | | #3  | | #4  | | 
| |<- 200px ->| |<- 200px ->| |<- 200px ->| |<- 200px ->| | 
| |   | |   | |   | |   | | 
| |___________| |___________| |___________| |___________| | 
| ___________            | 
| |   |            | 
| | #5  |            | 
| |<- 200px ->|            | 
| |   |            | 
| |___________|            | 
|______________________________________________________________| 

當屏幕的寬度小，必須有幾列，但很多線。

   ________________________________ 
       | ___________ ___________ | 
       | |   | |   | | 
       | | #1  | | #2  | | 
       | |<- 200px ->| |<- 200px ->| | 
       | |   | |   | | 
       | |___________| |___________| | 
       | ___________ ___________ | 
       | |   | |   | | 
       | | #3  | | #4  | | 
       | |<- 200px ->| |<- 200px ->| | 
       | |   | |   | | 
       | |___________| |___________| | 
       | ___________     | 
       | |   |     | 
       | | #5  |     | 
       | |<- 200px ->|     | 
       | |   |     | 
       | |___________|     | 
       |________________________________| 

有什麼解決方案？

我試過Bootstrap grid system，但是你仍然需要指定每行cols的數量（或者我沒有得到如何使用它）。

Answer 1

網格系統用於創建響應部分並將它們放在彼此的上方或側面，但是您要查找的內容沒有響應，您的元素是固定的。我認爲你可以用簡單的風格輕鬆做到這一點。例如，將所有元素放在一個全寬的列中，然後對其進行設計。

div{ 
    width:100px; 
    height:100px; 
    background:#aaa; 
    margin:15px; 
    float:left; 
} 

這裏是DEMO。