mirror of
https://github.com/twbs/bootstrap.git
synced 2025-07-21 00:02:04 -04:00
Compare commits
2 Commits
790dc80753
...
ce114117a8
Author | SHA1 | Date | |
---|---|---|---|
|
ce114117a8 | ||
|
72d6722b34 |
@ -13,9 +13,12 @@
|
|||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-full navbar-dark bg-dark">
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
<button class="navbar-toggler hidden-lg-up" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"></button>
|
<div class="container-fluid">
|
||||||
<div class="collapse navbar-expand-md" id="navbarResponsive">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||||
<a class="navbar-brand" href="#">This shouldn't jump!</a>
|
<a class="navbar-brand" href="#">This shouldn't jump!</a>
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
@ -29,6 +32,7 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="container mt-3">
|
<div class="container mt-3">
|
||||||
|
@ -22,7 +22,7 @@ Background utilities like `.bg-*` that generated from our original `$theme-color
|
|||||||
{{< colors.inline >}}
|
{{< colors.inline >}}
|
||||||
{{- range (index $.Site.Data "theme-colors") }}
|
{{- range (index $.Site.Data "theme-colors") }}
|
||||||
<div class="p-3 mb-2 bg-{{ .name }}{{ if .contrast_color }} text-{{ .contrast_color }}{{ else }} text-white{{ end }}">.bg-{{ .name }}</div>
|
<div class="p-3 mb-2 bg-{{ .name }}{{ if .contrast_color }} text-{{ .contrast_color }}{{ else }} text-white{{ end }}">.bg-{{ .name }}</div>
|
||||||
<div class="p-3 mb-2 bg-{{ .name }}-subtle text-emphasis-{{ .name }}">.bg-{{ .name }}-subtle</div>
|
<div class="p-3 mb-2 bg-{{ .name }}-subtle text-{{ .name }}-emphasis">.bg-{{ .name }}-subtle</div>
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
{{< /colors.inline >}}
|
{{< /colors.inline >}}
|
||||||
<p class="p-3 mb-2 bg-body-secondary">.bg-body-secondary</p>
|
<p class="p-3 mb-2 bg-body-secondary">.bg-body-secondary</p>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user