使用Bootstrap's 992px断点

Strange things happening for me with Bootstrap's 992px breakpoint

本文关键字：992px 断点 Bootstrap 使用      更新时间：2023-09-26

有人能帮我理解吗，当只有992px时，视点宽度变得奇怪。当992px或更低时，它似乎会跳到768px断点。

此处代码段：http://www.codeply.com/go/beilYT04YA

编辑：为什么这会得到这么多的反对票？

我已经问过我所有的导师了，他们根本不知道为什么会发生这种事。

希望有人能帮助

（事实上，这是一个很好的问题-只是你的代码对于一个简单的问题来说过于复杂。）

你的CSS使用了很多像这样的声明：

@media screen and (max-width: 992px) {
  header .navbar-toggle {
    display: block;
    ...

这意味着在992之前（包括992）的任何事物上都有一个断点。

[  --> max  ]

Bootstrap有这样的断点：

@media (min-width: 992px) {
  .col-md-1, .col-md-2, ...

这意味着一个从992及以上的断点。

[  min --->  ]

所以你在992有一个最佳点，这两个条件都成立。

要解决这个问题，只需在最大值上加-1。。。即@media screen and (max-width: 991px) {

相关文章：