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

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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives