From: Patrick H. Lauke <redux@splintered.co.uk>
Date: Wed, 17 Jun 2020 12:28:35 +0000 (+0100)
Subject: Docs: fix old/broken example capture and typo (#31070)
X-Git-Tag: v5.0.0-alpha2~264
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=5ad43fec83c6cb4bd2381c02e3903ad1a5eda0db;p=thirdparty%2Fbootstrap.git

Docs: fix old/broken example capture and typo (#31070)

* Docs: fix old/broken example capture and typo

* Make example less broken-looking

don't want to give impression that now it's ok to just sprinkle `role="button"` around. this at least makes the `span` keyboard-focusable, similar to at least the start of a custom control

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
---

diff --git a/site/content/docs/5.0/content/reboot.md b/site/content/docs/5.0/content/reboot.md
index 9f459e7bb2..5ba7cf087a 100644
--- a/site/content/docs/5.0/content/reboot.md
+++ b/site/content/docs/5.0/content/reboot.md
@@ -372,12 +372,11 @@ These changes, and more, are demonstrated below.
 
 ### Pointers on buttons
 
-Reboot includes an enhancement for `role="button"` to change the default cursor to `pointer`. Add this attribute to elements to help indicate elements are interactive. This role isn't necessary for `<button>` elements, which gets its own `cursor` change.
+Reboot includes an enhancement for `role="button"` to change the default cursor to `pointer`. Add this attribute to elements to help indicate elements are interactive. This role isn't necessary for `<button>` elements, which get their own `cursor` change.
 
-{% capture example %}
-<span role="button">Non-button element button</span>
-{% endcapture %}
-{% include example.html content=example %}
+{{< example >}}
+<span role="button" tabindex="0">Non-button element button</span>
+{{< /example >}}
 
 ## Misc elements