Twitter bootstrap 3 Bootstrap3XS-为什么阈值很高以及如何更改?
我使用bootstrap已经有一段时间了,在我的一生中,我都不记得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
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
。它已被弃用,只在一个地方使用,即导航栏中的一个不规范部分: