Fonctionnement
La classe .stretched-link
s’applique à une balise a
pour rendre son bloc contenant cliquable via un pseudo-élément ::after
. La documentation Bootstrap rappelle que la classe s’utilise avec tout type de contenant et que des élément natifs comme card
ou media
sont des composants parfaits pour utiliser toutes les possibilités qu’offre .stretched-link
.
Attention, dans la majeur partie des cas (pour ne pas dire tous), le contenant doit avoir une
postition:relative;
pour que cela fonctionne.La pratique
Utilisation avec le composant card
:
Exemple d’utilisation avec le composant media
:
Crédit

Retrouvez les illustrations utilisées en présentation et réalisées par Valentin Gorris sur sa page Dribbble officielle.
Découvrez la page dédiée au
stretched-link
sur le site officiel getbootstrap.com