Bootstrap 4 Theme Customization (with Sass) | BOOTSTRAP 4 TUTORIAL

Bootstrap 4 makes the customization of themes, colors and sizes easy! Use SASS to adjust the look of your Bootstrap 4 project!

----------

----------

• Follow @maxedapps and @academind_real on Twitter

See you in the videos!

----------

[zinniramunir]

The only video after watching many others that really made me understand the basic concept. Great effort. Thank you

[alapanoski]

This is literally THE BEST tutorial on customising bootstrap. This video is very easy to understand as a beginner doing this for the first time. I was stuck thinking about the logic behind the order of the scss file and such stuff. After watching this video I know what to do to customise bootstrap exactly as I want.
From my little experience with scss files, I think it is better to change variables in another file and then import it into the customising file. Repeating this for the other files, if needed, makes it easier for me to quickly know what is happening.

[timothyokooboh]

I wish I could like this tutorial over a thousand times. Thanks a lot Max!

[VincentHiggins]

Thank you for this, as a designer needing more and more control of the frontend result, I've struggled with the concept of scss until today. After many weeks, It clicked, and thanks to this video. It was clear, straightforward, and explained the concept so clearly, much appreciated.

[dnyaneshtarte]

Dude, this is EXACTLY what I was looking for. Thanks for the great tutorial!

[TheJaivijay]

You are everywhere dude... you are making things so simple. thanks.

[sebastiansoto]

I'm in your udemy node.js course and now most of the code related things I look for lead back to you. So glad you are a good teacher, imagine this happened with someone I don't understand. 5 stars in that course by the way. Keep up the good work.

[ednh]

14:15 from this monent on I guess this "tricky part" of importing components - as you well pointed out - is the main reason users ran away from Bootstrap. Now I do know well how this works but I have to say this is wasn't easy to figure out.

[adrianb]

To avoid installing ruby, install SASS using npm: npm install sass

[adelinalee]

I know this is a video way back in the 2018, but it helped me with my project. I'm using Bootstrap v5. Thank you very much! :) x

[sharpenednoodles]

You are a GOD Max! Your videos are always easy to follow, yet still informative. Good stuff

[JK-lrro]

The compiling is automatically possible. Find the 'Live Sass Compiler' on your VSCode extensions.

[oscarfuentes]

For the people using Windows try using Terminal with WSL, and use everything as it was an Ubuntu terminal (intalling everything through NPM). It has been working pretty smoothly to me.

[mcvicbopbop]

Wow bro i really appreciate this video. It's exactly what i was looking for! Super great job explaining def will become a subscriber.

[luis_soul]

Thank you so much, this was exactly what I was looking for. I don't necessarily use all the bootstrap framework but the grid is very comfortable to me. I know that there are another avalaible sources like Tailwind CSS or just Vanilla CSS but in my job they are used to bootstrap so I was looking a way to just get exactly what we just use from boostrap and not their custom styling stuff.

Again, thank you so much! Really love this channel.

[Michael-hofer]

Einfach und Verständlich Erklärungen und generell ein Top Kanal für Webentwicklung! Weiter so!

[wtfitsdrewbritton]

Love this tutorial and how you explain the initial setup of dependencies in a reasonable amount of depth...unlike other bootstrap 4 tutorial videos. Thank you! 👌

[jnscollier]

What I think is ridiculous is, why are there so many alleged experts in this field, and yet NONE of them can explain it in plain language like you have here Academind. Great job.

[MyspanaMJ]

A nice and easy approach on theming the BS4. Like it very much

[hemendrasinghtanwer]

this is exactly the same that I was looking for... thanks