響應式設計或流體網格系統

我正在嘗試使用bootstrap 2.3.2創建完全響應式Web模板。正如你充分意識到bootstrap提供了響應式設計和流體網格系統系統。說實話，我有點困惑在這裏？這些也有什麼不同？哪一個有更好的表現？我已經SSEN使用響應式設計或流體網格系統

<div class="row-fluid">

我可以在響應式設計的格式使用，以及一些例子嗎？難道會比使用簡單

<div class="row">

感謝

2013-08-20 Mona Coder

雖然類似的概念，流體網格和響應略有不同不同。在最基本的術語中，流體網格根據瀏覽器的寬度改變其寬度，而響應系統以特定像素間隔改變寬度。如果您希望瀏覽器爲中型或大型瀏覽器時需要3列，而小型屏幕上只有一列，並且希望按比例間隔排列，則可以混合使用流體和響應式。

2013-08-20 05:38:37 Claies

流體網格意味着頁面中的元素佔用相同的空間百分比，而與頁面的寬度無關。因此，如果頁面最大化或縮小，元素會適當縮小/增長。另一方面，響應式UI指的是UI根據設備呈現不同的事實。因此，如果網頁支持並使用響應式用戶界面，則它在手機，平板電腦和桌面上的呈現方式會有所不同。

在你的例子中，這是一個流體佈局的例子。所以如果你縮小瀏覽器，頁面會相應縮小。通過這種方式，頁面顯示所有元素，而不是啓用水平和垂直滾動查看完整頁面。

如果你現在想使你的設計反應，你應該添加類像。可見-XS，。可見，SM等，如需進一步的例子來響應UI參考http://getbootstrap.com/css/#responsive-utilities

2013-08-20 22:32:07 TechnoBlahble

回答