如何在Bootstrap 4中更改导航栏边框颜色

Question

8

在Bootstrap 3中，我们可以通过设置.navbar-light的border-color来更改导航栏的颜色。然而，在Bootstrap 4中，通过设置.navbar-light的border-color并不起作用。

- Mr.Joe

你正在使用最新的 beta 4 吗？这里有一个例子。 - Mason

<nav class="border border-primary"> - Mohammad Maroof Malik

4个回答

6

 <style>
        .navbar
        {
            border:5px solid #000;
        }
      </style>

试试吧

谢谢

- ALOMGIR HOSSEN

0

你可以在Bootstrap中使用边框类。

查看this页面以获取这些类。

例如，类border-primary。

- Klooven

抱歉，我指的是更改导航栏边框颜色。 - Mr.Joe

2

我想设置自定义颜色并仅显示底部边框。添加 border-top-0 border-right-0 border-left-0 似乎有点奇怪。 - Mr.Joe

这就是Bootstrap的工作原理。如果您不想使用类，当然可以只使用一些CSS。 - Klooven

如果您只想显示底部边框，请使用border-bottom，它是一种加法解决方案。您使用的其他类（例如:border-top-0）是减法。 - domshyra

0

<nav class="navbar border border-dark">
   ...
</nav>

- Jayakumar Bellie

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- domshyra · Accepted Answer

由于原始提问者只想要底部的边框。

<nav class="navbar border-bottom border-dark">
   ...
</nav>

如果您想更改边框的颜色或其他内容，请参考@klooven的答案。