较小屏幕上的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而不是max。 Min意味着宽度必须至少为768px宽才能应用规则。