From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Unlock the full course today

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

Using spacing classes and icons

Using spacing classes and icons - Bootstrap Tutorial

From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Start my 1-month free trial

Using spacing classes and icons

- [Instructor] It's time to create our first layout in this application, so I'm gonna work on the footer which has this little group of icons that I'm going to call out layout icons. What I'm doing is I'm naming all the layouts as different pieces, and the reason I do that is I wanna try to maybe use these layouts in other websites or in different places, so I'm grouping every sort of set of styles or group of designs into these things called layouts. Now, all these are targetable, this footer one's not gonna be targetable, it's not gonna have a link here, but it's gonna be done in the same way, and I wanna show you some cool things about how you lay out things in Bootstrap, so this will be pretty useful. So here we go, we have this footer, and it's got a bunch of links as well as, in the links, there's a lot of icons from the Font Awesome library that we used when we were creating this little icon here for the menu. And what I wanna do is, let's go ahead and add, here, a class. Just…

Contents