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

时间:2015-01-15 16:35:17

标签: css twitter-bootstrap-3

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

例如,Nexus 7的宽度约为600px。大多数手机都是350宽 - http://mydevice.io/devices/。 767有点宽吗?

貌似我必须添加自己的风格 - xxs,但在哪里可以获得所需的宽度%等?我如何计算出所需的宽度%?是否有可以生成css的网站?

基于@cvrebert ANSWER:

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

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

1 个答案:

答案 0 :(得分:1)

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