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

【问题标题】：css for bootstrap 3 for screens smaller than 767 xs用于小于 767 xs 的屏幕的 bootstrap 3 的 css
【发布时间】：2019-06-29 01:44:10
【问题描述】：

使用 Bootstrap 3，超小屏幕的宽度为 767px。我想保留 2 列直到说 600px，然后转到一列。似乎引导程序没有内置此功能，并且为 767px 设置的任何列都将与 0px 相同。

例如，Nexus 7 的宽度约为 600 像素。大多数手机都是 350 宽 - http://mydevice.io/devices/。 767 是不是太小了有点宽？

似乎我必须添加自己的样式 - xxs，但我在哪里可以获得所需的宽度 % 等？我将如何计算所需的宽度百分比？有可以生成css的网站吗？

基于@cvrebert 答案：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：