如何使Bootstrap 3对小型.container无响应？

Question

对于整个网站，Bootstrap3 instructions

非常容易

但是，如果我有一个小容器，例如， 400px并需要关闭此容器内的响应能力？我需要在我的导航栏中使用完全功能的Dropdown，但是当响应开启时，小容器中的下拉菜单不会像＃34; popups＆＃34;，它们会在导航栏中打开并拉伸它们。

另外，我无法在没有响应式样式的情况下编译自己的bootstrap版本，因为我需要使用CDN（cdnjs）。

Answer 1

如果我理解您的问题/问题，请在自定义样式表中定义.container类，如下所示。 （假设您希望最大宽度为400px的屏幕。相应地更改它。）

@media screen and (min-width:401px) { 
   .container { 
     max-width:400px;
   }
}

然后仅使用col-xs-xx - （xx是列号）类。