使用 CSS 使 Bootstrap 3 无响应

Make Bootstrap 3 non responsive with CSS

有很多关于使 BS3 无响应的内容,但它们似乎都集中在 LESS 变量上。不过我使用的是 static CSS 。

http://getbootstrap.com/examples/non-responsive/ http://bigwilliam.com/turn-off-responsive-behavior-for-bootstrap-3/

步骤 1(删除视口)和步骤 2(静态容器宽度)非常简单。但是如何在 CSS 中设置媒体查询断点?

Bootstrap 中有一个选项可以让您 customize 下载 Bootstrap CSS 以满足您的需要。如果您在 Bootstrap 的网站上按 link customize,它将带您到一个页面,其中列出了 [=34= 默认下载中包含的所有组件和实用程序] CSS。您可以 add/remove 这些项目中的任何一项来创建满足您特定需求的 bootstrap 版本。

对于您的情况,删除以下选项(在通用 CSS 下):

  • 打印媒体样式
  • 响应实用程序

还有一个部分,您可以在其中自定义 LESS 变量并将其编译到自定义 .css 文件中。您可以考虑更改的一项是 Media Query Breakpoints 设置,但有许多自定义选项供您浏览。

Bootstrap/Customize 上查看所有可以更改的选项,希望对您有所帮助!

将最小宽度设置为 html 或正文元素,这样,如果浏览器宽度小于指定的最小宽度,页面将不会调整大小。但是使用 bootstrap 的全部意义在于轻松开发响应式网站,因此如果您不想响应式 bootstrap.

,那您就大错特错了
html { min-width: 1000px; }