在某个屏幕宽度后停止twitter bootstrap css响应 - 即。 ＆LT; 1000像素

Question

我使用bootstrap 2.3.2 css框架来设置Web应用程序的界面。我正在使用框架的响应版本。

应用程序dosnt需要移动+平板电脑响应，但我使用响应版本，因此接口在更宽的显示器上水平缩放（UI的很大一部分是表格数据，因此具有更大屏幕的用户将欣赏能够使用他们的屏幕全宽。）

有没有办法可以使用bootstrap的响应功能，但是在认证点之后阻止它们响应 - 即。 at＆lt; 1000px接口将不再响应（用户仍然可以使其更大，但不能更小）

基本上我想在span之后停止构成网格缩放的offset和<1000px元素

Answer 1

我修改了Bootstrap，不包括1000px以下设备的响应功能。

此示例应证明：http://floating-wildwood-8562.herokuapp.com/examples/grid.html

您可以使用此修改后的响应式引导程序css文件here。

这需要对Bootstrap的LESS文件进行两处更改并重建框架。 Shown here和here

---

您也可以决定将此添加到您的css：

html, body {
  min-width: 1000px;
} 

这样窗口将被强制为至少1000px。

Answer 2

没有使用过bootstrap，但它必须有一个css，你应该看看你如何调用你的主包装器并在它的末尾添加。

@media screen and (max-width: 1000px) {
    #main_wrap {
        width:1000px;
    }
}

我重新阅读了你的问题，这就是你必须要看的例子，你保持主要包装的宽度为100％，但是有一些元素，比如图像包装文本包装等...所以...寻找所有它们在css中（不是媒体查询）并放置一个最小宽度......示例

/* ------ NORMAL FORMATTING Examples */

#img_wrapper {
     min-width:300px;
}
#text_wrapper {
     min-width:400px;
}
#logo_wrapper {
     min-width:100px;
}

/* ------ Media Queries */
@media screen and (max-width: 1000px) {
        #main_wrap {
            width:100% /* ----> This keeps 100% for responsive */
        }
    }

为什么当U达到最小尺寸时它们不再需要查询它们，它们将不再调整大小，它们甚至会保持这个大小。如果屏幕不断调整大小。 我希望这有帮助

如果你想查询它们，那么不要放一个小尺寸只是给它们一个确切的宽度

@media screen and (max-width: 1000px) {
            #main_wrap {
                width:100% /* ----> This keeps 100% for responsive */
            }
                #img_wrapper {
                    width:300px;
                }
                #text_wrapper {
                   width:400px;
                }
                #logo_wrapper {
                   width:100px;
                  }
        }