css - Bootstrap 在较小的屏幕上附加了侧边栏问题

Question

我在较小的屏幕上禁用 .affix 类时遇到问题。我试过在这里找到的答案:How can I disable Bootstrap's "affix" on smaller screens?没有运气。

我正在尝试添加两个侧边栏，一左一右，然后在较小的屏幕上不添加它们。这是我的 CSS:

#accordian2.affix {
left: 10;
position: fixed;
width:15%;

#notes.affix {
right: 0;
position: fixed;
width:16%;
margin-right: 45px;

}

我试过这个来禁用较小的屏幕:

@media (min-width: 768px) {
  .affix {
      position: static;
  }
}

运气不好。我应用到我的 HTML 的唯一其他类是 .accordian 用于左侧的那个，没有其他类用于右侧的。

如果您需要查看 HTML，请告诉我。

谢谢!

Answer 1

试试这个:

@media all and (max-width: 768px) {
  #accordian2.affix, #notes.affix {
      position: static;
  }
}

看起来您只是遗漏了一些东西(全部和)，而且您使用的是最小值而不是最大值。 Min 意味着宽度必须至少为 768px 才能应用规则。