Bootstrap Navbar Sidebar

JavaScript

サイドに固定できるナビゲーション実装「Bootstrap Navbar Sidebar」

Bootstrap Navbar Sidebarは、サイドに固定できるBootstrapによるナビゲーションを実装できます。左右のどちらでも配置できるほか、上部に配置することも可能です。固定されたナビゲーションを設置したい人には最適ですね。

Bootstrap Navbar Sidebar

デモ

デモページを読み込むとナビゲーションが左側に表示されています。下へスクロールすると分かりますが、ナビゲーションはそのまま固定表示されているので、いつでも手軽にアクセスできます。

左側に配置するFIXED LEFTのほかにも、上部に配置するFIXED TOPや右側に配置するFIXED RIGHTといったボタンも用意されているので、こちらも同時に確認してみてください。

使い方も分かりやすく、トップに表示させたい場合は「.navbar-fixed-top」、左の場合は「.navbar-fixed-left」、右の場合は「.navbar-fixed-right」というクラス名を付与してあげます。

Bootstrap Navbar Sidebar

関連記事

  1. Textillate.js

    JavaScript

    テキストに面白いCSS3アニメーションを加えることができるjQueryプラグイン「Textillat…

    指定したテキストに面白いCSS3アニメーションを加えることができるjQ…

  2. Recursive Hover Nav
  3. Mirror Effect

    JavaScript

    ミラーエフェクトによるかっこいいスライドショー実装「Mirror Effect」

    Mirror EffectはWebサイト内でかっこいいミラーエフェクト…

  4. JavaScript

    いろんなデザインのツールチップを実装できる「Opentip」

    Opentipはいろんなデザインのツールチップを実装することができるJ…

  5. JavaScript

    ボックス要素からはみ出した分のテキストを「…」に置き換えてくれるjQueryプラグイン「…

    なんとなく使う機会がありそうな感じのjQueryプラグイン「jQuer…

  6. JQuery Portfolio

最近の記事

  1. YAECA ワイドテーパードデニム 10-13WW
  2. ADR-3ML39シリーズ
  3. キュレル モイスチャーバーム
  4. FUJIFILM X-Pro3
  5. iPhone 11 ProとApple Watch Hermès

アーカイブ

PAGE TOP