Build a website with Bootstrap 4 - Part 2: Customizing Variables

Using the custom SCSS file that Bootstrap provides us with, and references their variables file, I modify a handful of variables before even writing any markup.

There are a TON of variables that you can change, and it's super easy to overwrite the ones you need. And, because I'm using SCSS, we don't get a bloated CSS file, as it's overwriting everything before it's compiled, which is awesome.

I'm doing all this with Bootstrap v4 alpha 6, so fair warning that if you're watching this in the future, a few small things may be a bit different along the way, but it shouldn't be anything major.

If you want to follow along, you can get the PSD and images here: https://www.dropbox.com/s/i3ph72nciw7...

Bootstrap v4: https://v4-alpha.getbootstrap.com/

Node: https://nodejs.org/en/
Bower: https://bower.io/
Github Desktop: https://desktop.github.com/

--

New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass

--

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram:   / kevinpowell.co  
Twitter:   / kevinjpowell  
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell