html - ブートストラップの小さな画面で div コード (div 自体ではない) を非表示にします

Question

angularjs を ui ブートストラップおよび ngSticky モジュールと組み合わせて使用​​して、Web アプリをコーディングしています。

ブートストラップの小さな画面で ngSticky に div を動作させたくありません。以下の div コードのスティッキーな offset="65"を小さな画面またはモバイル画面で非表示にする方法はありますか? よろしくお願いします！

<div sticky offset="65">

Answer 1

ブートストラップ レスポンシブ ユーティリティを使用できます。

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 より大きい画面サイズに適用されることを意味します。ここで実際にこれを見ることができます