css for bootstrap 3 对于小于 767 xs 的屏幕

css for bootstrap 3 for screens smaller than 767 xs

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

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

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

的网站

基于@cvrebert 的回答:

可以在此处找到 bootstrap 在线 LESS 编译器 - http://getbootstrap.com/customize

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

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