diff options
author | Mark Otto <markd.otto@gmail.com> | 2021-01-12 16:33:58 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-01-12 16:33:58 +0300 |
commit | 69afafe8118aa045b1371f93d5a5d5224a9d15dd (patch) | |
tree | fb07616ab65bf464dd04e26a25c082b637dfc1f6 /site/content | |
parent | bf1e913f05f21fd633bd27f9e97b072a5231762e (diff) |
Mention stretched-link constraints with table elements (#32761)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'site/content')
-rw-r--r-- | site/content/docs/5.0/helpers/stretched-link.md | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/site/content/docs/5.0/helpers/stretched-link.md b/site/content/docs/5.0/helpers/stretched-link.md index ae13c8f3e5..93bffeb31c 100644 --- a/site/content/docs/5.0/helpers/stretched-link.md +++ b/site/content/docs/5.0/helpers/stretched-link.md @@ -5,7 +5,7 @@ description: Make any HTML element or Bootstrap component clickable by "stretchi group: helpers --- -Add `.stretched-link` to a link to make its [containing block](https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block) clickable via a `::after` pseudo element. In most cases, this means that an element with `position: relative;` that contains a link with the `.stretched-link` class is clickable. +Add `.stretched-link` to a link to make its [containing block](https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block) clickable via a `::after` pseudo element. In most cases, this means that an element with `position: relative;` that contains a link with the `.stretched-link` class is clickable. Please note given [how CSS `position` works](https://www.w3.org/TR/CSS21/visuren.html#propdef-position), `.stretched-link` cannot be mixed with most table elements. Cards have `position: relative` by default in Bootstrap, so in this case you can safely add the `.stretched-link` class to a link in the card without any other HTML changes. |