從自我反應到自我反應最簡單的方法是什麼？

Question

當我設計我的網站時，我犯了一個不響應的錯誤（http://getbootstrap.com/examples/non-responsive/），因爲我對它的瞭解不多。現在，我意識到這是一個錯誤，我想糾正它。我的主要問題是：

1. 我使用col-xs在整個網站。
2. 除了bootstrap.min.css文件，我使用自定義的CSS文件有以下：

默認CSS，我使用：

body { 
    min-width: 970px; 
} 
... 

這是非常相似http://getbootstrap.com/examples/non-responsive/non-responsive.css

和然後再往下走：

@media (min-width: 1200px) { 
(some more custom CSS here, mainly font sizes) 
} 

什麼是我將這個網站轉換爲響應的最簡單方式？我猜我可能需要編輯所有標籤並添加col-md，col-lg，我是否正確？

任何幫助和建議將不勝感激糾正這種虛擬的大錯:)在引導網格系統的

Answer 1

簡短說明：

像你已經知道有幾類不同的視口。

，但你並不需要所有的人實際上是：

- 例如，如果你有3倍COL-LG-4和調整下1170px這些箱子您的瀏覽器將不會浮動，他們將打破。

如果您有3x col-md-4並在970像素下調整瀏覽器大小，這些框將不再浮動。

col-xs將始終浮動並始終處於水平狀態，並且永遠不會中斷。

你也忘了提及，如果你想要全流體響應或斷點響應什麼會使使用.container類有所不同。

。容器流體用於全流體設計，容器用於最大寬度爲1170px的頁面。