diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/index.html')
-rw-r--r-- | vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/index.html | 36 |
1 files changed, 19 insertions, 17 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/index.html b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/index.html index b8fc8b27b..a0c87f67e 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/index.html +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/examples/headers/index.html @@ -35,7 +35,7 @@ body_class: "" <div class="container"> <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom"> - <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none"> + <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> <span class="fs-4">Simple header</span> </a> @@ -68,16 +68,18 @@ body_class: "" <div class="container"> <header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom"> - <a href="/" class="d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none"> - <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"/></svg> - </a> + <div class="col-md-3 mb-2 mb-md-0"> + <a href="/" class="d-inline-flex link-body-emphasis text-decoration-none"> + <svg class="bi" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"/></svg> + </a> + </div> <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"> <li><a href="#" class="nav-link px-2 link-secondary">Home</a></li> - <li><a href="#" class="nav-link px-2 link-dark">Features</a></li> - <li><a href="#" class="nav-link px-2 link-dark">Pricing</a></li> - <li><a href="#" class="nav-link px-2 link-dark">FAQs</a></li> - <li><a href="#" class="nav-link px-2 link-dark">About</a></li> + <li><a href="#" class="nav-link px-2">Features</a></li> + <li><a href="#" class="nav-link px-2">Pricing</a></li> + <li><a href="#" class="nav-link px-2">FAQs</a></li> + <li><a href="#" class="nav-link px-2">About</a></li> </ul> <div class="col-md-3 text-end"> @@ -121,15 +123,15 @@ body_class: "" <header class="p-3 mb-3 border-bottom"> <div class="container"> <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start"> - <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none"> + <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"/></svg> </a> <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0"> <li><a href="#" class="nav-link px-2 link-secondary">Overview</a></li> - <li><a href="#" class="nav-link px-2 link-dark">Inventory</a></li> - <li><a href="#" class="nav-link px-2 link-dark">Customers</a></li> - <li><a href="#" class="nav-link px-2 link-dark">Products</a></li> + <li><a href="#" class="nav-link px-2 link-body-emphasis">Inventory</a></li> + <li><a href="#" class="nav-link px-2 link-body-emphasis">Customers</a></li> + <li><a href="#" class="nav-link px-2 link-body-emphasis">Products</a></li> </ul> <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search"> @@ -157,7 +159,7 @@ body_class: "" <header class="py-3 mb-3 border-bottom"> <div class="container-fluid d-grid gap-3 align-items-center" style="grid-template-columns: 1fr 2fr;"> <div class="dropdown"> - <a href="#" class="d-flex align-items-center col-lg-4 mb-2 mb-lg-0 link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> + <a href="#" class="d-flex align-items-center col-lg-4 mb-2 mb-lg-0 link-body-emphasis text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> </a> <ul class="dropdown-menu text-small shadow"> @@ -194,10 +196,10 @@ body_class: "" <div class="container-fluid pb-3"> <div class="d-grid gap-3" style="grid-template-columns: 1fr 2fr;"> - <div class="bg-light border rounded-3"> + <div class="bg-body-tertiary border rounded-3"> <br><br><br><br><br><br><br><br><br><br> </div> - <div class="bg-light border rounded-3"> + <div class="bg-body-tertiary border rounded-3"> <br><br><br><br><br><br><br><br><br><br> </div> </div> @@ -205,7 +207,7 @@ body_class: "" <div class="b-example-divider"></div> - <nav class="py-2 bg-light border-bottom"> + <nav class="py-2 bg-body-tertiary border-bottom"> <div class="container d-flex flex-wrap"> <ul class="nav me-auto"> <li class="nav-item"><a href="#" class="nav-link link-dark px-2 active" aria-current="page">Home</a></li> @@ -222,7 +224,7 @@ body_class: "" </nav> <header class="py-3 mb-4 border-bottom"> <div class="container d-flex flex-wrap justify-content-center"> - <a href="/" class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto text-dark text-decoration-none"> + <a href="/" class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto link-body-emphasis text-decoration-none"> <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> <span class="fs-4">Double header</span> </a> |