Bootstrap 4导航栏颜色

Question

在Bootstrap 4中，如何更改导航栏的背景颜色？twbscolor的代码不起作用。我想将背景色设为其他颜色并将字体颜色设为白色。<nav class="navbar navbar-toggleable-md navbar-light bg-danger">        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">            <span class="navbar-toggler-icon"></span>        </button>        <a class="navbar-brand" href="#">Jordan Baron</a>        <div class="collapse navbar-collapse" id="navbarSupportedContent">            <ul class="navbar-nav mr-auto">                <li class="nav-item active">                    <a class="nav-link" href="#">Home</a>                </li>            </ul>        </div>    </nav>

Answer 1

我知道了。这很简单。使用bg类可以轻松实现这一目标。让我演示给你看：

 <nav class="navbar navbar-expand-lg navbar-dark navbar-full bg-primary"></nav>

这为您提供了默认的蓝色导航栏

如果要更改自己喜欢的颜色，则只需在导航栏中使用样式标签：

<nav class="navbar navbar-expand-lg navbar-dark navbar-full" style="background-color: #FF0000">