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.

Working with the media component

Working with the media component - Bootstrap Tutorial

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

Start my 1-month free trial

Working with the media component

“

- [Instructor] So next up we're gonna be tackling one of my favorite Bootstrap components, which is a very quick way of creating a two-column layout when you have something like a photo and then some text that you want to put side by side. So this is a way to avoid doing rows and columns when all you want is side by side photos and texts. So let's get started by looking at what we have here. We have an article, it already has the ID of page media and then we have this header section, just like we've done before. And then this section that has a series of sub-sections. And that's pretty much it. So you can see that my fantastic art department has created a series of animations and the copy department has done these like really cute stories for all these. So that's awesome. All right, so, but let's go ahead and hide em for now and get into the code. All right, so first off what I want to do is add my traditional classes. Let's go ahead and collapse this article so we can focus on what…

Contents