読者です 読者をやめる 読者になる 読者になる

S.F. Page

Programming,Music,etc...

はてなブログのカスタマイズ - Bootstrap Navbarの設置

JavaScript Bootstrap はてなブログのカスタマイズ Boost

今日はサイドバーのモジュールをBootstrapのNavbarに変換するコードを書いていた。NavbarはJSに依存しているのでCSSのカスタマイズだけでは対応できないので、フッター下にサイドバーメニューを変換し、Navbarを表示するコードを書いている。
Navbarの実装にあたりBootstrapのCSSも必要となったため、ヘッダーでインポートするようにしている。

で、いま表示している一番上のメニューがNavbarで作ったものだ。Bootstrapデフォルト丸出しのデザインだが、私は気に入っている。モバイルにすると縦方向のメニューになったりするところが。

サイドバーをメニューにしたので、ブログは1カラムのレイアウトになった。あとはメニューに利用しているWebサービスへのリンクとか追加したいなと思っている。