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 - Bootstrap Tutorial
From the course: Bootstrap 4 Essential Training
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
(Locked)
Interactive component overview1m 24s
-
(Locked)
Add tooltips7m 21s
-
(Locked)
Display popovers5m 20s
-
(Locked)
Create alerts4m 14s
-
(Locked)
Use dropdowns8m 15s
-
(Locked)
Add collapse accordions12m
-
(Locked)
Use modals12m 3s
-
(Locked)
Build carousels13m 37s
-
(Locked)
Use scrollspy6m 56s
-
(Locked)
Toasts6m 10s
-
(Locked)
Spinners5m 34s
-
(Locked)
Pagination3m 21s
-
(Locked)
Stretched links3m 11s
-
(Locked)
Embeds3m 9s
-
(Locked)
-