Question

我现在已经使用过一段时间了，对于我的生活，我不记得xs在767px发挥作用。我正在使用Boostrap v3, LESS，无法找到更改hidden-xs类阈值的位置。我在项目范围内进行了搜索，只有变量在查找结果中弹出。

file：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中disable cache。我尝试通过一起删除变量并添加一个硬编号来更改@screen-xs-max变量，但这并没有改变它。

我也查看了这个网站，Customize and download Bootstrap，这使我更加困惑我使用col-XXX-##和hidden-XX，而不是@screen-xs，在Media queries breakpoints部分。不仅如此，xs设置为480px。

欣赏它。

添加：

我正在使用less.js编译LESS。

也许我的主要问题是 - 如何提高sm阈值并降低xs阈值 - 就像xs处于较低像素设置一样，例如{{ 1}}？

Answer 1

如果您自己编译LESS，并希望修改xs和sm尺寸之间的断点，请尝试更改@screen-sm文件中的variables.less变量。< / p>

第285行