在我的网站上停止引导程序的响应答案

【问题标题】：Stop responsiveness of bootstrap on my site在我的网站上停止引导程序的响应
【发布时间】：2014-09-15 14:11:57
【问题描述】：

您好，对于我的网站，我的代码有问题。当您缩小页面时，其上的所有内容都会适应屏幕。如何禁用此效果？你是怎么做到的，当内容到达网页的边缘时它就会停止。我相信这个词是固定的？我尝试了不同的方法来解决这个问题，但由于我是新手，我确实需要一些帮助。我正在使用引导程序。

我的网站：http://rootforsite.azurewebsites.net/

感谢您的帮助。

【问题讨论】：

他们在文档中的网站有关于如何做到这一点的说明。 getbootstrap.com/getting-started/#disable-responsive
您可以删除媒体查询以停止响应

标签： html css twitter-bootstrap-3

【解决方案1】：

如果您没有时间阅读文档，只需使用THIS css 文件和引导 css 文件并根据需要更改填充、边距等。还记得删除块

/* Demonstrate the grids */
.col-xs-4 {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}

【讨论】：

【解决方案2】：

如果您在此处阅读引导文档 http://getbootstrap.com/getting-started/#disable-responsive，它建议您使用以下内容来禁用响应。

禁用页面响应的步骤

省略 CSS 文档中提到的视口
用单一宽度覆盖每个网格层的 .container 宽度，例如 width: 970px !important;确保它出现在默认的 Bootstrap CSS 之后。您可以选择使用媒体查询或某些选择器来避免 !important。
如果使用导航栏，请移除所有导航栏折叠和展开行为。
对于网格布局，使用 .col-xs-* 类补充或代替中/大类。不用担心，超小的设备网格可以扩展到所有分辨率。

【讨论】：