如何彻底禁止Bootstrap3的响应式特性

我们通过重新编译Bootstrap3代码来实现禁止Bootstrap3的响应式特性：

1、利用nodeJs来安装less以及编译less文件为css文件

首先下载nodeJs的安装包，按照步骤，安装nodejs.

然后cmd打开控制台，检查node是否安装成功。输入node –v,如果输出的是安装包的版本号，则表示安装成功。

接下来就可以安装less了，进入node.js安装目录，通过命令 npm install less –g 全局进行安装less.

使用lessc命令对*.less文件进行编译了

格式：lessc [目标less文件目录] [生成css文件目录]

lessc D:/bootstrap-3.3.7/less/bootstrap.less D:/bootstrap.css

2、下载Bootstrap3的less源代码，修改variables.less文件中的4行代码。

// Media queries breakpoints
// --------------------------------------------------

// Extra small screen / phone
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs:                  1px;
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;

// Small screen / tablet
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
@screen-sm:                  2px;
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md:                  3px;
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
@screen-lg:                  9999px;
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;

使用上面的设置编译后的css始终使用大分辨率的样式，屏蔽了移动样式。