3

Using Bootstrap 3 and saw that there is a revamped grid system (col-xs, col-sm, col-md, col-lg). I can see that sometimes you will want to have a few columns when viewing a site on a mobile phone or portrait mode tablet and hence the reason why someone may want to use col-xs-2 and col-sm-2 or whatever. However, I like to keep things simple: is it best to just stick with the "col-md-x" class and design the site with that in mind? So, any device viewport smaller than 970px will stack vertically (col-md breakpoint is 969px) . Personally, I think MOST designs look ugly and cluttered when you have more than one column on pages less than 750px.

Is the "col-md-x" class is a good baseline for a responsive site? For design purposes, it seems the most manageable and easiest to work with.

4

2 回答 2

0

除了网格的断点之外，还有@grid-break-point。此时导航栏崩溃。

我同意你设置一个主要断点的好主意。如果您不更改@grid-break-point (768px)，我个人应该更喜欢小网格 (col-sm-) 作为基础。小网格（col-sm-）的断点也将在 768px。

于 2013-10-13T22:35:14.300 回答
0

这些天推荐移动优先方法指南，这意味着 sm 大小将是一开始的最佳目标，在您构建时将内容扩展到更大的大小。

这在 CSS 中也得到了很好的体现，定义了小屏幕的基线样式并添加了一系列“min-width:”运算符来匹配各种断点（768px 等）

于 2015-06-18T10:04:40.960 回答