自 Bootstrap 3 起,响应式样式表和标准样式表不再有单独的文件。那么如何轻松删除响应式功能呢?
最佳答案
要停用非桌面样式,您只需更改 variables.less 文件中的 4 行代码。在 variables.less 文件中设置屏幕宽度断点,如下所示:
//媒体查询断点
//------------------------------------------------ ——
//超小屏幕/手机
//注意:从 v3.0.1 开始弃用 @screen-xs 和 @screen-phone
@screen-xs: 1px;
@screen-xs-min: @screen-xs;
@screen-phone: @screen-xs-min;
//小屏幕/平板电脑
//注意:从 v3.0.1 开始弃用 @screen-sm 和 @screen-tablet
@screen-sm: 2px;
@screen-sm-min: @screen-sm;
@screen-tablet: @screen-sm-min;
//中屏/桌面
//注意:从 v3.0.1 开始弃用 @screen-md 和 @screen-desktop
@screen-md: 3px;
@screen-md-min: @screen-md;
@screen-desktop: @screen-md-min;
//大屏幕/宽桌面
//注意:从 v3.0.1 开始弃用 @screen-lg 和 @screen-lg-desktop
@screen-lg: 9999px;
@screen-lg-min: @screen-lg;
@screen-lg-desktop:@screen-lg-min;
这将桌面样式媒体查询上的 min-width 设置得较低,以便它适用于所有屏幕宽度。感谢 2callchaos 的改进!移动样式中定义了一些基本样式,因此我们需要确保包含它们。
编辑:克里斯指出,您可以在引导站点上的在线 less 编译器中设置这些变量
关于twitter-bootstrap - 如何删除 Twitter Bootstrap 3 中的响应式功能?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17935601/