svy*_*r92 4 html css bootstrap-4
最近,我决定尝试新的引导程序版本(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>
Run Code Online (Sandbox Code Playgroud)
但是我的导航栏(反向导航栏)没有颜色。您见过与Bootstrap 4类似的东西吗?
在Bootstrap 4中,您想要更改背景类的nav标签(.bg-light或.bg-dark)。
<nav class="navbar navbar-expand-md bg-dark">
Run Code Online (Sandbox Code Playgroud)
接下来,您可以使用navbar-dark更改文本的颜色以适应较暗的对比度。
小智 2
Navbar-inverse 默认具有属性。它给出了导航栏的黑色。\n只需将\xc2\xa0.navbar-defaultclass 更改为\xc2\xa0.navbar-inverse
\n\n<nav\xc2\xa0class="navbar navbar-inverse">\nRun Code Online (Sandbox Code Playgroud)\n\n\xc2\xa0\xc2\xa0\n在 bootstrap 4 中,navbar-inverse 被 navbar-dark 替换。\n 它的工作方式是,您指定浅色或深色(通过 .navbar-light 或 .navbar-dark)
\n\n<nav class="navbar navbar-expand-sm navbar-dark bg-primary">\nRun Code Online (Sandbox Code Playgroud)\n