From the course: Bootstrap 4 with Sass
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Modifying components - Bootstrap Tutorial
From the course: Bootstrap 4 with Sass
Modifying components
- [Instructor] Occasionally you'll want to modify a specific Bootstrap component. And so for example, if we go here to posts, you'll see that I have a style or a feature here that Bootstrap provides you to create these pagination sort of icons. But it doesn't really look like it belongs with a dark mode layout, so I'll show you how to fix that. Now to do that, we're going to go back into our variables.scss file. The is the one that's in the note modules and it's the SCSS folder that's in the Bootstrap folder. So here are where all the colors are defined. And what you'll see is that Bootstrap has for every component, so here's the cards for example, it has a ton of variables that you can modify. And you can do quite a bit by just modifying those variables. So what we want to do is just modify the colors of pagination. You can see that you can even control the sizes right here. It might be a good idea to just grab all these and then copy them and we'll go back into our custom.scss file…