Question

正如您可以在他们的页面上看到的那样，新的Bootstrap 3是“先移动”：

使用Bootstrap 2，我们为key添加了可选的移动友好样式框架的各个方面。 使用Bootstrap 3，我们重写了项目从一开始便适合移动。而不是添加可选的移动样式，它们直接融入核心。在事实上，Bootstrap首先是移动的。可以找到移动的第一个样式整个库而不是单独的文件。

如何禁用响应？我希望我的网站不会重新安排自己的平板电脑或移动设备。

Answer 1

来自Bootstrap documentation（加上一些解释）：

要禁用自适应功能，请按以下步骤操作。看到它在行动   在下面的修改后的模板中。

1）删除（或只是不添加）CSS文档中提到的视口<meta>

言自明的

2）删除所有网格层的 .container 的最大宽度 max-width：none！important;并设置宽度的常规宽度： 970像素;.确保这是在默认的Bootstrap CSS之后。您可以选择通过媒体查询或某些来避免！important 选择福

添加此样式：

.container{
  max-width: none !important;
  width: 970px;
}

3）如果使用导航栏，请撤消所有导航栏折叠和展开行为（这里显示的太多了，所以窥视这个例子）。

打开variables.less并设置变量：

@grid-float-breakpoint至0

@screen-xs-max至0（这将得到修复;阅读here）

4）对于网格布局，使用.col-xs- *类以及代替中/大的。别担心，超小型设备网格可以扩展到所有分辨率，因此您可以将其设置在那里。

言自明的

你仍然需要针对IE8的Respond.js（因为我们的媒体查询是还在那里，需要接受）。这只会禁用“移动设备” 网站“的Bootstrap。

Answer 2

如果没有主要的mods来源，它似乎是不可能的。

Answer 3

Answer 4

好吧，我正在寻找同样的事情。我还没有检查过，所以我无法证明它的功能，但这里有一个响应式的版本：

Answer 5

查看Jay Douglass的答案，其中详细说明了覆盖媒体查询断点变量以禁用响应功能。这是一个简单的解决方案，只需要很小的改变。

Answer 6

只需很少的努力就可以实现这一目标。

1）删除视口

2）将.container{ max-width: none !important; width: 970px; }添加到您的css文件

3）如果使用导航栏，请撤消所有导航栏折叠和展开行为

4）

对于网格布局，除了或使用.col-xs- *类之外，还要使用.col-xs- *类中/大的地方。别担心，超小型设备网格可以扩展到所有分辨率，因此您可以将其设置在那里。

您可以点击以下链接：