可以使用以下类来创建不同颜色导航栏:.bg-primary,.bg-success,.bg-info,.bg-warning,.bg-danger,.bg-secondary,.bg-dark和.bg-light)。
提示:对于暗色背景需要设置文本颜色为浅色的,对于浅色背景需要设置文本颜色为深色的。
<!-- 灰底黑字 -->
<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>