关于Bootstrap v5.3:需要帮助理解 “navbar bg-dark” 和 “data-bs-theme=dark”。

huangapple go评论68阅读模式
英文:

On Bootstrap v5.3: Need help understanding navbar bg-dark" and data-bs-theme="dark"

问题

  1. "bg-dark" 和 "data-bs-theme="dark"" 之间的区别是什么?

  2. 为什么 "data-bs-theme="dark"" 被删除了?

英文:

On this link: https://getbootstrap.com/docs/5.3/components/navbar/

If you scroll down to "Color schemes"

 <nav class="navbar bg-dark" data-bs-theme="dark">
   <!-- Navbar content -->
 </nav>
  1. What is the difference bg-dark and data-bs-theme="dark"?

If you scroll down to "External content"

<nav class="navbar navbar-dark bg-dark">
  1. How come the data-bs-theme="dark" is eliminated?

答案1

得分: 1

在您发布的代码之上的段落中写道:

> 在 v5.3.0 版本中新增了深色导航栏 — 我们已弃用 .navbar-dark,而采用了新的 data-bs-theme="dark"。将 data-bs-theme="dark" 添加到 .navbar 以启用特定组件的颜色模式。了解更多有关我们的颜色模式的信息。

此外,data-bs-theme 用于使用不同的颜色方案,不仅仅是浅色或深色,您还可以自定义定义自己的颜色方案。在 颜色模式 文档中了解更多信息。

英文:

As they write in the paragraph above code you posted:

> New dark navbars in v5.3.0 — We’ve deprecated .navbar-dark in favor of
> the new data-bs-theme="dark". Add data-bs-theme="dark" to the .navbar
> to enable a component-specific color mode. Learn more about our color
> modes.

Also data-bs-theme is for using different color schemes. Not just light or dark, you can define your own. See more in Color modes documentation.

huangapple
  • 本文由 发表于 2023年2月27日 12:28:19
  • 转载请务必保留本文链接:https://go.coder-hub.com/75576780.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定