Bootstrap 5 Crash Course Tutorial #19 - Customizing Bootstrap

You're really great pal

Thanks a lot, this video was very helpful.

Can't seem to get it to compile

when ever i compile i get an empty css file

Thank you

If any one suggest me more video about customize like that type more video without node-modules because i am steel confuse here

Very neat tutorial, thanks!

How did you do the first import of the video

I had to write this way: $theme-colors: map-merge($map1: $custom-theme-color, $map2: $theme-colors);

Thank you

I've been having problems charging the bootstrap colours after following the video tutorial procedure, what wrong?

Thanks a lot mate. ❤

Honestly I prefer using raw CSS for my customization. Hope it's okay?

Just an FYI for ppl running BS 5.2+ if you are NOT including the whole boostrap lib there is a very specific order for imports to follow
@import '../lib/bootstrap/scss/functions';
@import '../lib/bootstrap/scss/variables';
@import '../lib/bootstrap/scss/maps';
@import '../lib/bootstrap/scss/mixins';
@import '../lib/bootstrap/scss/root';
if you notice certain utilities are not working i.e margins or padding is not being applied, make sure to import
@import '../lib/bootstrap/scss/bootstrap-grid';
@import '../lib/bootstrap/scss/bootstrap-utilities';

Awesome content

You help me save a lot of time. Thanks dude. I subbed

Dziękujemy.

Nice job man! finally someone clear and easy explained that issue to me!

Need a roadmap video to follow your channel content

my setting.json file is completely different

Look at that, I had to skip to the 19th video to find what I needed, very efficient AND practical.

After doing this, somehow, the offcanvas doesn't wanna work.

i have got a big problem. i was using the cdn links like you did in this video, but after downloading the bundle, the image still doesn't show up when the internet is off. Same goes with the icons, they seldom showup. Anybody having any idea what to do other than using cdn?

This was rather an excellent tutorial--thank you, siree!

This is a goldmine. You got a subscription.

thanks a lot brother !

Where have you been all my life! Xd
I love you

You are gold, explained it as clear as Crystal

peace be with you.
in my case variables are not over riding the bootstrap
Following is my scss file.
$primary: purple;

@forward '../bs52/scss/bootstrap';

Please consider to guide me as well.

I understood everything in this playlist till I got to this video😢

You explain things so well..........Thanks.

Been struggling for days on how to customize bootstrap but you are a life saver
Thanks a lot 🎉

I've done everything but the result that I get is only a glimpse of the color that I want the $primary to be. I've rewatched the tutorial many times already and I did what I did but it doesn't work. Please help me! T_T

Well Explained! Thank-You So Much 😁

Using this method, how do I add the bootstrap javascripts on my working files?

And here I am cannot even import the file 😭

thanks for this brilliant tutorial, Sass is the easiest and the most useful tool for customizing bootsrap

Have just found your Tutorial, thank you. I a wondering have you done a similar tutorial using VS2022 IDE rather than VS Code? Thanks

how to customize container for every breakpoint ?

This one is best.Wondering how to use custom colors. But how to use custom font

thanks

Live sass didnt creat a Css folder for me so I created the Folder myself and I copied the css files there and then it worked. I hoped that helped anyone who has the same problem like me.

god job

You are awesome! Do you know how many videos unsuccessfully made it through my thick skull? You were the first that explained this perfectly. I effing get it now! The only thing I had to look up was how to get npm to install bootstrap 4.6 because the site was originally created with ver. 4 and was afraid weird things might happen or not work with v5. Thanks man!!!

Thanks!

Awesome. Solved my Bootstrap Vue problems.

Thanks for the training. Really appreciated! Very simple and comprehensive for the starters. Just a quick question, I have a scenario where in Bootstrap-3 the .col-xs-n class was defined outside the media query but in Bootstrap 5 it is defined within the media query. Due to which, the wkhtmltopdf utility is unable to use .col-xs-n class. What do you think is the best idea to create a custom class outside media query and inherit it from the .col-xs-n class. Is it possible to show the video on it please? Thanks in advance!