gpt4 book ai didi

css - 为什么导航类名称是 navbar-default 而不是 navbar

转载 作者:行者123 更新时间:2023-11-27 23:58:29 29 4
gpt4 key购买 nike

我正在学习使用 Ruby on Rails 编写代码,并且正在制作一个随机网页。我添加了 Bootstrap 导航栏。

<nav class="navbar navbar-default navbar-static-top" role="navigation">

我正在尝试将导航栏的边框更改为无,而不是:

.navbar {
border: 0;
}

我必须使用:

.navbar-default {
border: 0;
}

这是我的代码:

<body>
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class='container'>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="/" class="navbar-brand">DevMatch</a>
</div>
<div class="collapse navbar-collapse" id="main-nav-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="/about">About</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>

最佳答案

您可以使用以下内容,并确保应用您的样式,请添加 !important。

.navbar { border: none !important; }

关于css - 为什么导航类名称是 navbar-default 而不是 navbar,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56128475/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com