How To Recompile Bootstrap's Sass In VSCode

In today's Bootstrap how-to video, I'll show you two ways you get Bootstrap setup in your project using VSCode: in the first option, we'll download the Bootstrap source files, add them to our project, and then use a VSCode plugin to compile our Sass into CSS. In the second option, we'll use NPM to download Bootstrap and then use that same VSCode plugin again to compile our Sass into CSS.

My website

My Sass Crash Course

My PostCSS Playlist

Bootstrap How To Playlist

Timestamps
0:00 Intro
0:58 Download Bootstrap Source Files
4:25 Add VSCode Sass Compiler Plugin
10:06 Install Bootstrap via NPM

[piricuaco]

This is the video I've been looking for, everything really detailed, Thanks!!!

[jwb]

I've spent 2 days trying to get the sass / scss files compiled like this and the live sass server worked, but the configs were confusing and I wasnt comfortable with it.
I like how you did it here, so much easlier. !thanks!

[aidanwatt]

Great job and superb clarity attached to common sense. Thanks

[pixelrocket]

Let me know if you want me to create a video for any of the build tools or frameworks!

[ParhamSalamati]

Very strait forward, right to the point, thanks for sharing ^_^

[loomedai]

Have you made a video that explains how you import the content from the js files, we download in the maner the video explains, into the rest of the project?

[pixelrocket]

Something I should point out regarding using NPM to install Bootstrap and then using a plugin in VSCode to recompile your Sass. Be aware that if you don't use a build tool (such as Parcel), but try to reference the Bootstrap Javascript file from inside the node_modules folder, you will run into trouble when you deploy your site on something like Netlify. So best in that case to just reference the JS Bootstrap file via a CDN.

[rentonplay]

I am using bootstrap 5.2.2. After I recompiled the SCSS file, I compare the orignal Bootstrap.css and the new one. There are some missing classes in the new css file. For example 'bg-dark' is completely vanished...?

[it_girl]

Hi, I have a question. How can i reuse bootstrap sass in my other files? I've been researching about it for almost 5hrs now. But I can't seem to find any solution.

Btw your video is a great help. But I'm hoping that someone can answer my question 😊

[shafs_yt]

i used ur method instead of the one bootstrap provide for vite i ran into one problem other than that its perfect popovers doesn't work I tried to link via cdn also linked to file path can't seem to work for me

[arh]

good tutorial, thank you
however, you need to fix the sound issue, there is a noise that causes headache

[BG-xube]

Nice, but it would have been more useful if you had shown also how to compile the javascript.