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类可以轻松实现这一目标。让我演示给你看：&nbsp;<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">