mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-26 23:04:32 +02:00
More darkmode examples (#38058)
* WIP darkmode examples * Fix product css error, redo parts of blog * wip dashboard * updated rtl generated * fix up some examples, namely dashboard * jumbotron and sign-in fixes * more fixes * more * Fixes from code review * Remove duplicate `data-bs-target` in dashboard/index.html * Modify `blog-rtl/index.html` * Modify `dashboard-rtl/index.html` * Modify `carousel-rtl/index.html` * Keep JS on all pages for switcher * Remove Feather from dashboard examples --------- Co-authored-by: Julien Déramond <juderamond@gmail.com>
This commit is contained in:
@@ -139,7 +139,7 @@ body_class: ""
|
||||
</form>
|
||||
|
||||
<div class="dropdown text-end">
|
||||
<a href="#" class="d-block link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<a href="#" class="d-block link-body-emphasis text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<img src="https://github.com/mdo.png" alt="mdo" width="32" height="32" class="rounded-circle">
|
||||
</a>
|
||||
<ul class="dropdown-menu text-small">
|
||||
@@ -179,7 +179,7 @@ body_class: ""
|
||||
</form>
|
||||
|
||||
<div class="flex-shrink-0 dropdown">
|
||||
<a href="#" class="d-block link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<a href="#" class="d-block link-body-emphasis text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<img src="https://github.com/mdo.png" alt="mdo" width="32" height="32" class="rounded-circle">
|
||||
</a>
|
||||
<ul class="dropdown-menu text-small shadow">
|
||||
@@ -210,15 +210,15 @@ body_class: ""
|
||||
<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>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-dark px-2">Features</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-dark px-2">Pricing</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-dark px-2">FAQs</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-dark px-2">About</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2 active" aria-current="page">Home</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2">Features</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2">Pricing</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2">FAQs</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2">About</a></li>
|
||||
</ul>
|
||||
<ul class="nav">
|
||||
<li class="nav-item"><a href="#" class="nav-link link-dark px-2">Login</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-dark px-2">Sign up</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2">Login</a></li>
|
||||
<li class="nav-item"><a href="#" class="nav-link link-body-emphasis px-2">Sign up</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -237,7 +237,7 @@ body_class: ""
|
||||
<div class="b-example-divider"></div>
|
||||
|
||||
<header>
|
||||
<div class="px-3 py-2 text-bg-dark">
|
||||
<div class="px-3 py-2 text-bg-dark 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 my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
|
||||
|
Reference in New Issue
Block a user