11. Bootstrap

BootCamp by Dr.Angela 1. What is Bootstrap? CSS Frameworks: Bootstrap, Foundation, MUI, Tailwind, etc. When to use vs not to use Use: for fast, responsive, mobile-first development Avoid: for very simple projects or highly customized/complex designs How to use Bootstrap (CDN; Content Delivery Network) Official website: https://getbootstrap.com/ CSS (inside ) : <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> min → minified file (faster loading, no unnecessary spaces) JavaScript (before ) : <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script> 2. Bootstrap Layout 12-column system : Uses container → row → col(items) Auto fit : Columns automatically adjust based on available sp