YUNOVA · Bootstrap & Tailwind
Module 12: Advanced Bootstrap
Bootstrap Sass variables and maps
Key points
- Bootstrap's Sass variables control colours, spacing and breakpoints.
- Override variables before importing Bootstrap to customise it.
- Sass maps such as $theme-colors generate utility and component classes.
Bootstrap JavaScript plugins API
Key points
- Bootstrap JS components such as modals and tooltips can be created from JavaScript.
- Each component exposes methods like show, hide and toggle.
- Components fire events you can listen to, such as shown.bs.modal.
Admin dashboard with Bootstrap 5
Key points
- A dashboard combines a sidebar, top bar, cards and tables from Bootstrap.
- The grid system keeps the layout responsive on small screens.
- Utility classes handle spacing and alignment without custom CSS.