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