From 238066296c0d9631285b0b1a897c5cab2f6677fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Tue, 19 Dec 2023 13:32:37 +0100 Subject: [PATCH] Dark mode: Navbar Color Schemes (#2412) --- site/content/docs/5.3/components/navbar.md | 130 +++++++++++++++++++++ 1 file changed, 130 insertions(+) diff --git a/site/content/docs/5.3/components/navbar.md b/site/content/docs/5.3/components/navbar.md index 1a76e6319e..337afbeee6 100644 --- a/site/content/docs/5.3/components/navbar.md +++ b/site/content/docs/5.3/components/navbar.md @@ -345,6 +345,136 @@ Mix and match with other components and utilities as needed. Navbar themes are easier than ever thanks to Bootstrap's combination of Sass and CSS variables. The default is our "light navbar" for use with light background colors, but you can also apply `data-bs-theme="dark"` to the `.navbar` parent for dark background colors. Then, customize with `.bg-*` and additional utilities. +
+ + + + + +
+ +```html + + + + + +``` + ## Containers Although it's not required, you can wrap a navbar in a `.container` to center it on a page–though note that an inner container is still required. Or you can add a container inside the `.navbar` to only center the contents of a [fixed or static top navbar](#placement).