用于小于 767 xs 的屏幕的 bootstrap 3 的 css

Question

使用 Bootstrap 3，超小屏幕的宽度为 767px。我想保留 2 列直到说 600px，然后转到一列。貌似 bootstrap 没有内置这个，为 767px 设置的任何列都将与 0px 相同。

例如，Nexus 7 大约有 600 像素宽。大多数手机都是 350 宽 - http://mydevice.io/devices/ . 767对于特小号来说是不是有点宽？

看起来我必须添加自己的样式 - xxs，但是我在哪里可以获得所需的宽度 % 等？我将如何计算出所需的宽度 %？有没有可以生成css的网站？

基于@cvrebert 的回答:

可在此处找到引导式在线 LESS 编译器 - http://getbootstrap.com/customize

@screen-sm 变量改变 xs col 宽度。

Answer 1

Bootstrap 文档中提到的一个选项是通过简单地更改值来更改超小 (xs) 和小 (sm) 屏幕尺寸之间的界限@screen-sm-min LESS变量(位于 Bootstrap 的 variables.less 文件中)，然后重新编译 Bootstrap 的 CSS。