10. Bootstrap and Frameworks
HTML/CSS Lesson Categories
Frameworks are pre-built CSS and JavaScript libraries that give you professional components without writing everything from scratch. These lessons cover what frameworks are and how to install them, how to add scalable icons with Font Awesome, and how to build responsive multi-column layouts using Bootstrap’s powerful 12-column grid system.
Ready to test your knowledge?
10.1 What Is a Framework?
Learn what a framework is, the difference between CSS and JavaScript frameworks, and the one rule you must follow when adding them to your HTML. Start the What Is a Framework? Lesson
10.2 Font Awesome Icons
Learn how to install Font Awesome 4, add icons to your HTML using the fa class syntax, and style them with CSS selectors. Start the Font Awesome Icons Lesson
10.3 Getting Started with Bootstrap
Learn what Bootstrap is, how to install it with a CDN, and the four most common beginner mistakes to avoid. Start the Getting Started with Bootstrap Lesson
10.4 Bootstrap Columns
Learn how the Bootstrap 12-column grid works, how to create equal and uneven column layouts, and how columns stack automatically on mobile. Start the Bootstrap Columns Lesson
10.5 What Else Can Bootstrap Do?
Explore Bootstrap forms, buttons, modals, hamburger navigation, accordions, spacing utilities, and color classes — all with Bootstrap 5 syntax. Start the What Else Can Bootstrap Do? Lesson