mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-31 00:59:51 +02:00
Code Issues Releases Wiki Activity

Docs: handle deprecated dark variants more precisely

Browse Source
This commit is contained in:
Julien Déramond
2023-10-12 14:43:42 +02:00
parent ce114117a8
commit f81365bbc9
22 changed files with 63 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
site/content/docs/5.3/examples/navbars/index.html
View File

@@ -6,7 +6,7 @@ extra_css:
---
<main>
<nav class="navbar navbar-dark bg-dark" aria-label="First navbar example">
<nav class="navbar bg-dark" aria-label="First navbar example" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Never expand</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample01" aria-controls="navbarsExample01" aria-expanded="false" aria-label="Toggle navigation">
@@ -40,7 +40,7 @@ extra_css:
</div>
</nav>
<nav class="navbar navbar-expand navbar-dark bg-dark" aria-label="Second navbar example">
<nav class="navbar navbar-expand bg-dark" aria-label="Second navbar example" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Always expand</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample02" aria-controls="navbarsExample02" aria-expanded="false" aria-label="Toggle navigation">
@@ -63,7 +63,7 @@ extra_css:
</div>
</nav>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark" aria-label="Third navbar example">
<nav class="navbar navbar-expand-sm bg-dark" aria-label="Third navbar example" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Expand at sm</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
@@ -97,7 +97,7 @@ extra_css:
</div>
</nav>
<nav class="navbar navbar-expand-md navbar-dark bg-dark" aria-label="Fourth navbar example">
<nav class="navbar navbar-expand-md bg-dark" aria-label="Fourth navbar example" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Expand at md</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
@@ -131,7 +131,7 @@ extra_css:
</div>
</nav>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" aria-label="Fifth navbar example">
<nav class="navbar navbar-expand-lg bg-dark" aria-label="Fifth navbar example" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Expand at lg</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation">
@@ -165,7 +165,7 @@ extra_css:
</div>
</nav>
<nav class="navbar navbar-expand-xl navbar-dark bg-dark" aria-label="Sixth navbar example">
<nav class="navbar navbar-expand-xl bg-dark" aria-label="Sixth navbar example" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Expand at xl</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample06" aria-controls="navbarsExample06" aria-expanded="false" aria-label="Toggle navigation">
@@ -199,7 +199,7 @@ extra_css:
</div>
</nav>
<nav class="navbar navbar-expand-xxl navbar-dark bg-dark" aria-label="Seventh navbar example">
<nav class="navbar navbar-expand-xxl bg-dark" aria-label="Seventh navbar example" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Expand at xxl</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExampleXxl" aria-controls="navbarsExampleXxl" aria-expanded="false" aria-label="Toggle navigation">
@@ -233,7 +233,7 @@ extra_css:
</div>
</nav>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" aria-label="Eighth navbar example">
<nav class="navbar navbar-expand-lg bg-dark" aria-label="Eighth navbar example" data-bs-theme="dark">
<div class="container">
<a class="navbar-brand" href="#">Container</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
@@ -267,7 +267,7 @@ extra_css:
</div>
</nav>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" aria-label="Ninth navbar example">
<nav class="navbar navbar-expand-lg bg-dark" aria-label="Ninth navbar example" data-bs-theme="dark">
<div class="container-xl">
<a class="navbar-brand" href="#">Container XL</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample07XL" aria-controls="navbarsExample07XL" aria-expanded="false" aria-label="Toggle navigation">
@@ -305,7 +305,7 @@ extra_css:
<p>Matching .container-xl...</p>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" aria-label="Tenth navbar example">
<nav class="navbar navbar-expand-lg bg-dark" aria-label="Tenth navbar example" data-bs-theme="dark">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample08" aria-controls="navbarsExample08" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>