mirror/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 09:41:11 +00:00
Code Issues Projects Releases Wiki Activity

Docs: replace dark btns by primary ones from Button group docs to avoid issues in dark mode

Browse Source
This commit is contained in:
Julien Déramond 2022-12-29 19:38:19 +01:00 committed by Mark Otto
parent 31ee235638
commit 433558dec2
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
site/content/docs/5.3/components/button-group.md
View File

@ -145,21 +145,21 @@ Instead of applying button sizing classes to every button in a group, just add `
{{< example >}} {{< example >}}
<div class="btn-group btn-group-lg" role="group" aria-label="Large button group"> <div class="btn-group btn-group-lg" role="group" aria-label="Large button group">
<button type="button" class="btn btn-outline-dark">Left</button> <button type="button" class="btn btn-outline-primary">Left</button>
<button type="button" class="btn btn-outline-dark">Middle</button> <button type="button" class="btn btn-outline-primary">Middle</button>
<button type="button" class="btn btn-outline-dark">Right</button> <button type="button" class="btn btn-outline-primary">Right</button>
</div> </div>
<br> <br>
<div class="btn-group" role="group" aria-label="Default button group"> <div class="btn-group" role="group" aria-label="Default button group">
<button type="button" class="btn btn-outline-dark">Left</button> <button type="button" class="btn btn-outline-primary">Left</button>
<button type="button" class="btn btn-outline-dark">Middle</button> <button type="button" class="btn btn-outline-primary">Middle</button>
<button type="button" class="btn btn-outline-dark">Right</button> <button type="button" class="btn btn-outline-primary">Right</button>
</div> </div>
<br> <br>
<div class="btn-group btn-group-sm" role="group" aria-label="Small button group"> <div class="btn-group btn-group-sm" role="group" aria-label="Small button group">
<button type="button" class="btn btn-outline-dark">Left</button> <button type="button" class="btn btn-outline-primary">Left</button>
<button type="button" class="btn btn-outline-dark">Middle</button> <button type="button" class="btn btn-outline-primary">Middle</button>
<button type="button" class="btn btn-outline-dark">Right</button> <button type="button" class="btn btn-outline-primary">Right</button>
</div> </div>
{{< /example >}} {{< /example >}}
@ -190,12 +190,12 @@ Make a set of buttons appear vertically stacked rather than horizontally. **Spli
{{< example >}} {{< example >}}
<div class="btn-group-vertical" role="group" aria-label="Vertical button group"> <div class="btn-group-vertical" role="group" aria-label="Vertical button group">
<button type="button" class="btn btn-dark">Button</button> <button type="button" class="btn btn-primary">Button</button>
<button type="button" class="btn btn-dark">Button</button> <button type="button" class="btn btn-primary">Button</button>
<button type="button" class="btn btn-dark">Button</button> <button type="button" class="btn btn-primary">Button</button>
<button type="button" class="btn btn-dark">Button</button> <button type="button" class="btn btn-primary">Button</button>
<button type="button" class="btn btn-dark">Button</button> <button type="button" class="btn btn-primary">Button</button>
<button type="button" class="btn btn-dark">Button</button> <button type="button" class="btn btn-primary">Button</button>
</div> </div>
{{< /example >}} {{< /example >}}