可以使用以下類來創(chuàng)建不同顏色導(dǎo)航欄：.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark和 .bg-light)。

提示: 對于暗色背景需要設(shè)置文本顏色為淺色的，對于淺色背景需要設(shè)置文本顏色為深色的。

<!-- 灰底黑字 -->

<nav class="navbar navbar-expand-sm bg-light navbar-light"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">

Active</a> </li> <li class="nav-item"> <a class="nav-link" href="#">

Link</a> </li> <li class="nav-item"> <a class="nav-link" href="#">

Link</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">

Disabled</a> </li> </ul></nav> <!-- 黑底白字 -->

<nav class="navbar navbar-expand-sm bg-dark navbar-dark">

...</nav> <!-- 藍底白字 -->

<nav class="navbar navbar-expand-sm bg-primary navbar-dark">

...</nav>