如何删除Twitter Bootstrap 3中的响应功能？

Question

从Bootstrap 3开始，不再有用于响应式和标准样式表的单独文件。那么如何轻松删除响应功能呢？

Answer 1

要取消激活非桌面样式，您只需更改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;

这会将桌面样式媒体查询的最小宽度设置为较低，以便它适用于所有屏幕宽度。感谢2calledchaos的改进！一些基本样式在移动样式中定义，因此我们需要确保包含它们。

编辑：chris注意到您可以在bootstrap站点上的online less编译器中设置这些变量