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. jQueryプラグインで実装できるカレンダー

    JavaScript

    jQueryプラグインで実装できるカレンダー10選

    jQueryプラグインで実装することができる10個のカレンダーがCod…

  2. scrollUp

    JavaScript

    スクロールしていくと先頭に戻るボタンを表示してくれるjQueryプラグイン「scrollUp」

    下へスクロールしていくと、先頭に戻るボタンを表示してくれるjQuery…

  3. Create a month picker jQuery plugin
  4. jquery.matchHeight.js
  5. no-image
  6. Stretchy Navigation

    JavaScript

    ナビゲーションメニューが伸び縮みする「Stretchy Navigation」

    Stretchy Navigationはクリック、タップをすることで伸…

最近の記事

  1. OWL-WDDESK01
  2. ワンタッチ着脱フィルターキット
  3. Soundcore Ace A1
  4. cheero USB-C PD Charger 60W

アーカイブ

PAGE TOP