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

TOAST UI Chart多彩なチャートを描画できる「TOAST UI Chart」前のページ

ウィークデイ(週)のオプションを作成できる「jquery-weekdays」次のページno-image

関連記事

  1. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

  2. no-image

    JavaScript

    超シンプルでオプションもわかりやすいjQueryスライダー「Free Simple Slider」

    Free Simple Sliderは、超シンプルで使い方も簡単なスラ…

  3. ScrollBooster

    JavaScript

    ドラッグしながらスクロールするライブラリ「ScrollBooster」

    ScrollBoosterはドラッグしながらスクロールする機能を実装で…

  4. JavaScript

    レスポンシブ対応で優雅なエフェクトが印象的なjQueryスライダー「Juicy Slider」

    レスポンシブに対応している軽量のjQueryスライダー「Juicy S…

  5. JavaScript

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

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

最近の記事

  1. 成城石井 フレンチロースト
  2. COMOLI カシミアシルクニットパーカ
  3. 橋
  4. 梅と久保田城
  5. マワマット26

アーカイブ

PAGE TOP