Bootstrap 5 Crash Course 2022

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

11,045

246

Bootstrap is the world's most popular frontend web development framework. In this crash course, we'll setup a blank project from scratch, use Parcel as our build tool, and then we'll install the Bootstrap package using NPM. I'll talk you through all of the core concepts - and then we'll build a page from an HTML template I design and built.

Template Github link
https://github.com/PixelRocket-Shop/s...

Template Demo
https://sigma-vert.vercel.app/

Timestamps

0:00 Intro
1:55 What is Bootstrap
4:15 Compiled vs source code
14:06 Setup Parcel
21:19 Install Bootstrap via NPM
23:55 Setup SCSS imports
29:36 Colors
34:17 Typography
44:20 Grid system
47:20 Utilities
49:00 Components
52:35 Build navbar
1:22:25 Build hero
1:29:55 Build CTA
1:37:56 Build logo cloud
1:46:30 Build FAQs
2:00:10 Build footer
2:13:11 Build pricing table