More than 1 year has passed since last update.

Bootstrapのnavbarを固定する方法

Bootstrap

Last updated at 2022-10-27Posted at 2022-10-27

上で固定する場合は「fixed-top」をnavタグに指定する。

<nav class="navbar navbar-light bg-light fixed-top">
  <div class="container-fluid">
    <span class="navbar-brand mb-0 h1">Navbar</span>
  </div>
</nav>

下で固定する場合は「fixed-bottom」をnavタグに指定する。

<nav class="navbar navbar-light bg-light fixed-bottom">
  <div class="container-fluid">
    <span class="navbar-brand mb-0 h1">Navbar</span>
  </div>
</nav>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up