我正在尝试使用 bootstrap 2.3.2 创建一个完整的响应式 Web 模板。如您所知，bootstrap 提供响应式设计和流体网格系统系统。老实说，我在这里有点困惑？这些之间也有什么不同？哪一个有更好的表现？我已经使用了一些示例
<div class="row-fluid">
我也可以在响应式设计格式中使用它吗？它会与简单地使用不同吗
<div class="row">
谢谢
问问题
1179 次
2 回答
1
虽然概念相似，但流体网格和响应式略有不同。用最基本的术语来说，流体网格会根据浏览器的宽度按比例改变其宽度，而响应式系统会以特定的像素间隔改变宽度。您可以混合使用 Fluid 和 Responsive，如果说当浏览器是中型或大型时您想要 3 列，但在小屏幕上需要 1 列，并且希望列按比例间隔排列。
于 2013-08-20T05:38:37.563 回答
0
流动网格意味着页面中的元素占据相同百分比的空间，而与页面宽度无关。因此，如果页面最大化或缩小，元素会适当地缩小/增长。另一方面，响应式 UI 是指 UI 呈现不同的事实，具体取决于设备。因此，如果页面支持并使用响应式 UI，它将在手机、平板电脑和台式机上呈现不同的效果。
在您拥有的示例中，这是流体布局的示例。因此，如果您缩小浏览器，页面也会相应缩小。这样页面显示所有元素，而不是启用水平和垂直滚动来查看完整页面。
如果您现在希望使您的设计具有响应性，您应该添加 .visible-xs、.visible-sm 等类。有关响应式 UI 的更多示例，请参阅http://getbootstrap.com/css/#responsive-utilities
于 2013-08-20T22:32:07.330 回答