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.
使用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.