Web & Design · Tool
Bootstrap
Responsive UI building blocks.
Used at
- Tugarê
- Marvin
01Overview
Bootstrap is a CSS framework of responsive grid and ready-made components. I used it to ship consistent, responsive interfaces quickly — an early lesson in the value of design systems.
02Key concepts
What anyone working with it needs to understand
- 01
Grid system
Containers, rows, columns and breakpoints.
- 02
Components
Navbars, modals, forms and cards.
- 03
Utilities
Spacing, display and flex helpers.
- 04
Theming
Customizing with Sass variables.
- 05
Accessibility
Using components with proper roles and focus handling.
- 06
When not to use it
Trade-offs versus custom design systems.
03In practice
Used in websites and web systems at Tugarê and in legacy systems at Marvin.
