html - Bootstrap 4 navbar-inverse 没有颜色

标签 html css bootstrap-4

最近我决定尝试新的 Bootstrap 版本 (4)。我对文件做了所有正确的事情(下面是我的 html)

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Bootstrap 4 website</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

    <nav class="navbar navbar-inverse">
        <a href="#">Link1</a>
    </nav>

    <!-- JS scripts here -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/script.js"></script>
</body>
</html>

但是我的导航栏(navbar-inverse)没有颜色。你见过与 Bootstrap 4 类似的东西吗?

最佳答案

在 Bootstrap 4 中,您想更改背景类导航标签(.bg-light 或 .bg-dark)。

<nav class="navbar navbar-expand-md bg-dark">

接下来您可以使用 navbar-dark 更改文本的颜色以适应较暗的对比度。

关于html - Bootstrap 4 navbar-inverse 没有颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46387979/

相关文章:

javascript - 无法从 Bootstrap 4 中的自定义输入文件读取未定义的属性 'path'

html - 更改输入时的蓝色发光(复选框)(bootstrap 4)

javascript - 是否有一个 xmpp 客户端可以在页面刷新时保持聊天?

java - CSS 定位器选择 react 问题

css - css中的级联规则问题

javascript - Jquery 下拉导航

bootstrap-4 - Bootstrap 4 表单组,每行有两对标签和输入

javascript - 如何在此 javascript 命令中添加换行符

javascript - 如何在没有服务器端脚本访问的情况下实时更新网页?

html - 删除 &lt;input type ="file"> 旁边的标签