您使用哪种Boostrap3移动/桌面网格模式？
Bootstrap 3带有4个网格模式：
在现实世界中，它不依赖于屏幕分辨率，而是依赖于设备。 例如，Nexus 5（1920px）使用XS，iPad 1（1024px）使用MD。
我想让网站响应，但不能使用4种模式（因为网站很复杂，有些部分根本无法在移动设备中使用，即复杂的网格图像）。 我只想使用两种模式：一种用于桌面（和平板电脑），另一种用于手机。
使用Google Canary仿真模式，我发现：
（是的，带Retina的Ipad 4是MD，但Kindle Fire是LG）
我应该在哪里放置移动和桌面之间的限制？ 我的意思是：MD和以下的手机和LG的平板电脑和桌面？ 或SM用于手机，其余用于大型平板电脑/台式机？...
谢谢！
我想你误解了网格如何被使用，并且你正在超越它。 大小对应于列堆叠的方式和大小。 你可以挑选并混合起来。
有时在小型设备上依次堆叠两个图像会更好。 有时将它们并排放置看起来更好。 取决于情况和内容。
如果您愿意，您可以选择响应或无响应的网格。 您可以选择在图像上使用img-responsive类。
我从他们的文档中解除了这一点：
堆积对水平
http://getbootstrap.com/css/#grid
“使用一套.col-md-网格类，您可以创建一个基本的网格系统，在桌面（中型）设备上变为水平之前，该系统开始堆叠在移动设备和平板电脑设备上（从小到小）。在任何.row中的网格列“。
当然你可以使用媒体查询来改变你想要的任何东西。
我刚刚在Lynda.com课程中听到了一个很好的观点。 从最大和最小的第一个开始。 如上所述，从最小的网格开始。 为移动用户制定布局，然后布置桌面浏览器的最大网格。 其余的工作是如何分解并适应中等大小的屏幕。
链接地址: http://www.djcxy.com/p/58751.html上一篇: Which Boostrap3 grid mode for mobile/desktop do you use?