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

From the creator

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/i3ph72nciw75zxa/the-band-design-and-images.zip?dl=0 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: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell

Published 2017-05-31 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.