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 columns in our layout

Using columns in our layout - Bootstrap Tutorial

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

Start my 1-month free trial

Using columns in our layout

“

- [Instructor] So, it's time to finish up our header. And I'm gonna start off by adding a few classes inside this layout. So, in the title, right here, I'm gonna create a class called page-section-title. And I'll create another one for the text. I wanna be using these classes throughout our design, to target the title and the text inside each one of the layout components. So, once I do that, it means that I can go into the CSS and modify how those display. So, I'll add another class here, site-header. And then target the page-section-title. And, to that, I'm going to specify a font size of 3em's. So, let me say that you can see that it looks a lot bigger. And I'm also gonna specify a font-family. Use my sans serif variable. So, by default, because, in the body section, we specified the font here for the entire page to be the serif font, I need to tell Bootstrap, or tell my CSS file to modify things whenever I am somewhere where I don't want to use that. So this will be…

Contents