Bootstrap逐步响应

Question

我使用bootstrap 3来创建一个响应式站点，对于大多数站点来说，bootssrap的CSS很好。对于主页我连续4列标记为：col-md-3看起来很好。但是当视口变得越来越小时，该列突然变得100％宽 - ＆gt;哎哟！看起来很难看。我需要得到的是获得4列，然后成为2列2行（50％-50％）然后在iphone上100％是好的....我需要增量响应度为25％-25％-25％-25 ％然后50％-50％然后100％

怎么可能这样做？如果是的话！

Answer 1

将col-sm-x用于平板电脑。所以在你的情况下col-sm-6设置2列2行。

将col-xs-x用于手机。所以col-xs-12用完了页面的整个宽度。

Answer 2

回顾＆＃34;网格＆＃34; Bootstrap网站上的文档：http://getbootstrap.com/css/#grid

您需要使用列大小的组合来根据屏幕大小更改宽度。