From 25fa7cb9cdb0b70f21619c38260afd7e8faf239c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 12 Jan 2021 05:33:58 -0800 Subject: [PATCH] Mention stretched-link constraints with table elements (#32761) Co-authored-by: XhmikosR --- site/content/docs/4.5/utilities/stretched-link.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/content/docs/4.5/utilities/stretched-link.md b/site/content/docs/4.5/utilities/stretched-link.md index 357f084db10b..db714cd7687e 100644 --- a/site/content/docs/4.5/utilities/stretched-link.md +++ b/site/content/docs/4.5/utilities/stretched-link.md @@ -5,7 +5,7 @@ description: Make any HTML element or Bootstrap component clickable by "stretchi group: utilities --- -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.