In this video, I install Bootstrap 4 and look at how to set it up properly. While the initial setup isn’t the most exciting thing in the world, setting Bootstrap up properly lets us use it to its full potential!
Just as a quick warning, I built this using Bootstrap 4 alpha. A lot has changed. I may get around to building a new one, one day, but in the meantime, you can find some of the changes here – https://medium.com/@lukaszholeczek/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta-d43b4210f2a3
I use Bower (and explain all the steps you need to do if you want to follow along), and then copy a few SCSS files, which I use to import only the Bootstrap components that I’ll actually be using!
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/
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.