在 bootstrap 小屏幕上隐藏 div 代码（不是 div 本身）

Question

我正在使用 angularjs 结合 ui bootstrap 和 ngSticky 模块来编写网络应用程序。

我不想让 ngSticky 在 bootstrap 的小屏幕上运行 div。有什么方法可以让下面 div 代码的 sticky offset="65" 在小屏幕或移动屏幕上消失吗？提前致谢！

<div sticky offset="65">

Answer 1

您可以使用 bootstrap 响应实用程序：

http://getbootstrap.com/css/#responsive-utilities

制作几个 div：

<!-- this one is visible on larger devices and up and contains sticky attribute -->
<div sticky offset="65" class="hidden-xs">

<!-- this one is visible on small devices and up with no sticky attribute -->
<div offset="65" class="visible-xs-block">

Answer 2

也许@media css 规则可以在这种情况下提供帮助。解决方案是：

@media (min-width: 768px) {
  .stickyClass {
    offset:65px !important;
  }
}

这意味着 stickyClass 将应用于大于 768px 的屏幕尺寸。您可以在实际操作中看到这一点 here

在 bootstrap 小屏幕上隐藏 div 代码（不是 div 本身）

Hide div code (not the div itself) on bootstrap small screen

html

css

grid-system

twitter-bootstrap

angularjs