为了账号安全,请及时绑定邮箱和手机立即绑定

Bootstrap 4导航栏颜色

Bootstrap 4导航栏颜色

慕容3067478 2019-12-15 14:08:33
在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>
查看完整描述

3 回答

?
梦里花落0921

TA贡献1772条经验 获得超5个赞

我知道了。这很简单。使用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">



查看完整回答
反对 回复 2019-12-16
  • 3 回答
  • 0 关注
  • 732 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信