Bootstrap 5 and SASS : Theming tips and tricks
This is a bootstrap 5 and sass tutorial that demonstrates some theming tips and tricks that can used when translating complex UI designs to bootstrap 5.
Intro and project demo: (00:0:00)
Project setup - Install live server, initialize project folder: (00:06:50)
Install and setup bootstrap and node-sass module: (00:11:27)
Setup navigation bar: (00:22:29)
Setup bootstrap sass modules for customization of the navigation bar: (00:25:21)
Setup bootstrap sass variables: (00:38:19)
Add a navigation background image, gradient and clip path: (00:44:57)
Use utilities to style navigation bar: (1:10:11)
Main content section styling using utility classes: (1:20:25)