Edited at

Twitter Bootstrapのnavbarを固定する


上部に固定

.navbar-fixed-topを追加する。


hoge.html

<nav class="navbar navbar-fixed-top" role="navigation">

<div class="container">
...
</div>
</nav>


注:固定されたナビバーの高さの分だけ上にずれてしまうため、bodyのpadding-topで調整する。


hoge.html

body { padding-top: 70px; }



下部に固定

.navbar-fixed-bottomを追加する。


hoge.html

<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">

<div class="container">
...
</div>
</nav>


注:固定されたナビバーの高さの分だけ下にずれてしまうため、bodyのpadding-bottomで調整する。


hoge.html

body { padding-bottom: 70px; }