diff options
author | Mario <mario@mariovavti.com> | 2022-10-11 18:18:57 +0000 |
---|---|---|
committer | Mario <mario@mariovavti.com> | 2022-10-11 18:18:57 +0000 |
commit | 5e5f0aa955d86743a14531bed98501b59140ab1f (patch) | |
tree | f8a7bbff876adf28d03cc005b8e0a0602886ffc8 /vendor/twbs/bootstrap/site/content/docs/5.2/components/navbar.md | |
parent | f9a4c53e3feb07e5319b110b25b4746ae839c420 (diff) | |
download | volse-hubzilla-5e5f0aa955d86743a14531bed98501b59140ab1f.tar.gz volse-hubzilla-5e5f0aa955d86743a14531bed98501b59140ab1f.tar.bz2 volse-hubzilla-5e5f0aa955d86743a14531bed98501b59140ab1f.zip |
update composer libs
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/5.2/components/navbar.md')
-rw-r--r-- | vendor/twbs/bootstrap/site/content/docs/5.2/components/navbar.md | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.2/components/navbar.md b/vendor/twbs/bootstrap/site/content/docs/5.2/components/navbar.md index a1d671a42..7cbc4e2c1 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.2/components/navbar.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.2/components/navbar.md @@ -109,7 +109,7 @@ You can replace the text within the `.navbar-brand` with an `<img>`. <nav class="navbar bg-light"> <div class="container"> <a class="navbar-brand" href="#"> - <img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo.svg" alt="" width="30" height="24"> + <img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo.svg" alt="Bootstrap" width="30" height="24"> </a> </div> </nav> @@ -123,7 +123,7 @@ You can also make use of some additional utilities to add an image and text at t <nav class="navbar bg-light"> <div class="container-fluid"> <a class="navbar-brand" href="#"> - <img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo.svg" alt="" width="30" height="24" class="d-inline-block align-text-top"> + <img src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo.svg" alt="Logo" width="30" height="24" class="d-inline-block align-text-top"> Bootstrap </a> </div> @@ -708,7 +708,7 @@ In the example below, to create an offcanvas navbar that is always collapsed acr </ul> </li> </ul> - <form class="d-flex" role="search"> + <form class="d-flex mt-3" role="search"> <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn btn-outline-success" type="submit">Search</button> </form> @@ -768,7 +768,7 @@ When using offcanvas in a dark navbar, be aware that you may need to have a dark </ul> </li> </ul> - <form class="d-flex" role="search"> + <form class="d-flex mt-3" role="search"> <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn btn-success" type="submit">Search</button> </form> @@ -792,11 +792,19 @@ Some additional CSS variables are also present on `.navbar-nav`: {{< scss-docs name="navbar-nav-css-vars" file="scss/_navbar.scss" >}} +Customization through CSS variables can be seen on the `.navbar-dark` class where we override specific values without adding duplicate CSS selectors. + +{{< scss-docs name="navbar-dark-css-vars" file="scss/_navbar.scss" >}} + ### Sass variables +Variables for all navbars: + {{< scss-docs name="navbar-variables" file="scss/_variables.scss" >}} -{{< scss-docs name="navbar-theme-variables" file="scss/_variables.scss" >}} +Variables for the [dark navbar](#color-schemes): + +{{< scss-docs name="navbar-dark-variables" file="scss/_variables.scss" >}} ### Sass loop |