Install Bootstrap via NPM | 2024

Опубликовано: 13 Ноябрь 2024
на канале: Pixel Rocket

174

In this video, I'll guide you through the complete process of installing Bootstrap via NPM and customising its SASS variables. We start by setting up a blank project, then dive into Bootstrap's source code folder to understand its structure. I’ll show you how to use a VSCode plugin to compile SASS and then switch to using the NPM SASS plugin. Finally, we'll explore how to properly customise and override Bootstrap’s default SASS variables to fit your project's design needs.

Chapters:

0:00 - 1:01 - Introduction
1:02 - 2:57 - Setup boilerplate files
2:58 - 3:58 - Install Bootstrap via NPM
3:59 - 5:18 - Bootstrap source files
5:19 - 10:06 - Import Bootstrap Sass
10:07 - 15:12 - VsCode Sass Extension
15:13 - 20:38 - Install NPM Sass
20:39 - 28:38 - Customise Bootstrap Sass
28:39 - 30:24 - Bootstrap JS Import