diff options
| author | Julien Déramond <[email protected]> | 2022-12-29 19:38:19 +0100 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2022-12-29 12:28:52 -0800 |
| commit | 433558dec27f2300ec374ad0910850da2c3c6552 (patch) | |
| tree | ef75fb51edb6f059fa3f01e9f65195e76886986a | |
| parent | 31ee235638489b570a17a798e86cba8166ced702 (diff) | |
| download | bootstrap-433558dec27f2300ec374ad0910850da2c3c6552.tar.xz bootstrap-433558dec27f2300ec374ad0910850da2c3c6552.zip | |
Docs: replace dark btns by primary ones from Button group docs to avoid issues in dark mode
| -rw-r--r-- | site/content/docs/5.3/components/button-group.md | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/site/content/docs/5.3/components/button-group.md b/site/content/docs/5.3/components/button-group.md index 8f7d2d6a9..6889ed1f4 100644 --- a/site/content/docs/5.3/components/button-group.md +++ b/site/content/docs/5.3/components/button-group.md @@ -145,21 +145,21 @@ Instead of applying button sizing classes to every button in a group, just add ` {{< example >}} <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-dark">Middle</button> - <button type="button" class="btn btn-outline-dark">Right</button> + <button type="button" class="btn btn-outline-primary">Left</button> + <button type="button" class="btn btn-outline-primary">Middle</button> + <button type="button" class="btn btn-outline-primary">Right</button> </div> <br> <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-dark">Middle</button> - <button type="button" class="btn btn-outline-dark">Right</button> + <button type="button" class="btn btn-outline-primary">Left</button> + <button type="button" class="btn btn-outline-primary">Middle</button> + <button type="button" class="btn btn-outline-primary">Right</button> </div> <br> <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-dark">Middle</button> - <button type="button" class="btn btn-outline-dark">Right</button> + <button type="button" class="btn btn-outline-primary">Left</button> + <button type="button" class="btn btn-outline-primary">Middle</button> + <button type="button" class="btn btn-outline-primary">Right</button> </div> {{< /example >}} @@ -190,12 +190,12 @@ Make a set of buttons appear vertically stacked rather than horizontally. **Spli {{< example >}} <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-dark">Button</button> - <button type="button" class="btn btn-dark">Button</button> - <button type="button" class="btn btn-dark">Button</button> - <button type="button" class="btn btn-dark">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-primary">Button</button> + <button type="button" class="btn btn-primary">Button</button> + <button type="button" class="btn btn-primary">Button</button> + <button type="button" class="btn btn-primary">Button</button> + <button type="button" class="btn btn-primary">Button</button> </div> {{< /example >}} |