From the course: Bootstrap 4 Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Stretched links

Stretched links - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Stretched links

- Stretched Links solve a pretty common problem on sites where if you want a link inside a container to trigger clicks whenever you're outside that item. Say that you have a button side a card and you want the whole card to be clickable somewhere. Or, you have something in a column, you want the entire item to be clickable. Usually what I've done in the past is made the whole thing an anchor tag or wrapped an anchor tag around the whole thing and it's really messy. So this gives you the ability of creating a link in a way that it's a lot cleaner. Now, Stretched Links are pretty simple and all you have to do is create an anchor tag with a class of Stretched Link. This could be a button or an anchor tag and then it's parent will be magically converted to something that you can click on. It's pretty awesome; I really love this. You can use them in things like cards and columns. They do have a few requirements. They can't be used in things like media elements. Media items are probably not…

Contents