代码之家 › 专栏 › 技术社区 › Kudafukuron

为什么?导航栏深色不工作(Bootstrap v5.2)?

bootstrap-5 css html

Kudafukuron · 技术社区 · 3 年前

出于一些奇怪的原因,我不明白,navbar深色不会改变nav中的文本颜色。为什么会这样?提前感谢!

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
  </head>
  <body>
    <nav class="navbar navbar-dark bg-dark">Something</nav>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
  </body>
</html>

3 回复 | 直到 3 年前

AG_ 3 年前

navbar-brand 根据文本分类。你可以阅读更多 here

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
  </head>
  <body>
    <nav class="navbar navbar-dark bg-dark">
      <span  class="navbar-brand">Something</span>
  
   </nav>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
  </body>
</html>

Nem 3 年前

您可能会从Bootstrap下载一些主题,更改CSS中的颜色。

the nr 3 年前

导航栏深色 ,查找文本行的位置。我不知道为什么当答案100%正确时,他会被否决,因为这每次都对我有效。但是w/e。

Mazdak 3 年前

<nav class="navbar navbar-dark bg-dark">
    <span  class="navbar-brand">Something</span>
</nav>

推荐文章

Welshy1235 · 在移动模式下引导导航栏不工作

3 年前

Kudafukuron · 为什么?导航栏深色不工作(Bootstrap v5.2)?

3 年前

Mickey Vershbow · 无法获取复选框的“checked”属性

4 年前

Amr El-Nagdy · 如何折叠导航栏onclick(bootstrap5)

4 年前

Kameron_Huggins · 无法在Bootstrap 5中更改<body>的字体系列吗?

4 年前

Wadu Hek · 引导汉堡图标与Navbar品牌不一致

4 年前

964 · 移动站点略超出设备屏幕宽度

4 年前

Nicolas Berthier · Bootstrap 5基于内容的包装

4 年前

Faizan Gigani · 导航栏向右滑动

4 年前

fightstarr20 · 带固定边栏的Bootstrap 5布局-下表推送内容

4 年前