Twitter bootstrap 3 Bootstrap3XS-为什么阈值很高以及如何更改?

Twitter bootstrap 3 Bootstrap3XS-为什么阈值很高以及如何更改?,twitter-bootstrap-3,responsive-design,less,Twitter Bootstrap 3,Responsive Design,Less,我使用bootstrap已经有一段时间了,在我的一生中,我都不记得xs在767px发挥作用。我正在使用Boostrap v3,LESS,无法找到在哪里更改隐藏xs类的阈值。我做了一个项目范围的搜索,结果中只出现了变量 文件:responsive-utilities.less 行:134 .hidden-xs { @media (max-width: @screen-xs-max) { .responsive-invisibility(); } } 当我检查变量中的元素时,@s

我使用bootstrap已经有一段时间了,在我的一生中,我都不记得
xs
767px
发挥作用。我正在使用
Boostrap v3,LESS
,无法找到在哪里更改
隐藏xs
类的阈值。我做了一个项目范围的搜索,结果中只出现了变量

文件:responsive-utilities.less

行:134

.hidden-xs {
  @media (max-width: @screen-xs-max) {
     .responsive-invisibility();
  }
}
当我检查变量中的元素时,
@screen xs max
被设置为
767px

@media (max-width: 767px)
  .hidden-xs {
     display: none !important;
  }
我也在chrome中启用了
禁用缓存。我试图通过删除所有变量并输入一个硬数字来更改
@screen xs max
变量,但这也没有改变它

我也看过这个网站,这让我更加困惑,我使用的是
col XXX-#
隐藏的XX
,而不是
@screen xs
,它位于
媒体查询断点
部分。不仅如此,而且
xs
被设置为
480px

谢谢


添加:

我也在使用LESS.js编译LESS


也许我的主要问题是-如何提高
sm
阈值,并降低
xs
阈值-就像
xs
在较低的像素设置下一样,比如
520px

如果您自己编译的像素越少,并且想要修改
xs
sm
大小之间的断点,尝试更改
variables.less
文件中的
@screen sm
变量

e、 g.对于v3.3.0:


第285行

禁止-保持不变,767px@屏幕sm:520px;//更改为gnore
@screen xs
。它已被弃用,只在一个地方使用,即导航栏中的一个不规范部分: