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.

Creating a custom variable file

Creating a custom variable file - Bootstrap Tutorial

From the course: Bootstrap 4 with Sass

Start my 1-month free trial

Creating a custom variable file

- [Instructor] I like using Bootstrap because it gives you so much of what you need to build professional sites. But it isn't perfect, sometimes you have to write CSS on top of what it already provides, so let's take a look at how we would approach that. Right now, you can see that I've got a background image here and if I were to make this window a lot bigger, you would see that the image is actually repeating and it's not centered, so I could probably improve on that. In addition to that, if I scroll down to a certain point, my navigation isn't transparent and although I had written the JavaScript to take care of that, I haven't really created the CSS for that. I'd like to make these icons a little bit bigger, so let's go ahead and do that. We'll go back into our code and when you want to write CSS that replaces something on the page, you generally put that after the imports that we've done right here. What I want to do now is go ahead and add a class. First I'll start with the site…

Contents