0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-10 22:24:19 +01:00

Update site/docs/4.1/utilities/stretched-link.md

Co-Authored-By: MartijnCuppens <martijn.cuppens@gmail.com>
This commit is contained in:
Mark Otto 2018-12-15 20:18:55 +01:00 committed by GitHub
parent 470145bdca
commit 236c7803cb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -7,7 +7,7 @@ group: utilities
Add `.stretched-link` to a link to make it's [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 it's [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.
Cards are relative by default, so in this case you can safely add the `.stretched-link` class to a link in the card. 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.
{% capture example %} {% capture example %}
<div class="card" style="width: 18rem;"> <div class="card" style="width: 18rem;">