Hatena::ブログ(Diary)

cake bake diary

2011年09月10日

Twitter bootstrapでフッタ下部固定

| 19:56 | Twitter bootstrapでフッタ下部固定を含むブックマーク Twitter bootstrapでフッタ下部固定のブックマークコメント

bootstrapでtopbar(ヘッダ)を使用すると、

Sticky footer使用時に、下部に余白ができる。

これは、

Note: When using the topbar on any page, be sure to account for the overlap it causes by adding padding-top: 40px; to your body.

のせい。

固定ヘッダのためにbodyを下にずらした文、下方向に余白が出る。

このためヘッダは非固定にする。


デモ

Sticky footer for Twitter bootstrap - jsdo.it - Share JavaScript, HTML5 and CSS