Question

大家好，对于我的网站，我的代码存在问题。当您缩小页面时，其上的所有内容都会调整到屏幕。如何禁用此效果？当内容到达网页边缘时，你如何做到这一点呢？我相信这个词是固定的吗？我已经尝试了不同的方法来解决这个问题，但由于我是新手，我需要一些帮助。我正在使用bootstrap。

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

感谢您的帮助。

Answer 1

如果您没有时间阅读文档，只需使用THIS css文件以及bootstraps 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);
}

Answer 2

如果您在此处阅读了引导程序文档http://getbootstrap.com/getting-started/#disable-responsive，则建议您执行以下操作以禁用响应。

禁用页面响应的步骤

省略CSS docs
使用单个宽度覆盖每个网格层的.container上的宽度，例如width：970px！important;确保这是在默认的Bootstrap CSS之后。您可以选择使用媒体查询或某些selector-fu。
如果使用导航栏，请删除所有导航栏折叠和展开行为。
对于网格布局，请使用.col-xs- *类作为中/大类的补充或替代。不用担心，超小型设备网格可以扩展到所有分辨率。

停止我网站上的bootstrap响应

2 个答案: