💡 The Concept Bootstrap’s navigation component gives you a responsive hamburger menu with just a few lines of code. On a desktop, the links display horizontally across the top. On a phone, they collapse into a hamburger icon that expands when tapped. You get all of this without writing a single line of JavaScript yourself.…

💡 The Concept Bootstrap does a lot more than columns. Here is a tour of the most useful features you will reach for on real projects. Responsive Images Add class=”img-fluid” to your images in a Bootstrap website. I recommend adding it to all of your images. It makes images autofit to the right size by…

💡 The Concept A CSS and JavaScript framework is a ready-made collection of styles and scripts you can build on instead of starting from scratch every time. A framework is a CSS or JavaScript file that someone else wrote and published for free. You add it to your website to get access to pre-built code:…

💡 The Concept Font Awesome icons are scalable vector icons you can add to any webpage and style with CSS exactly like text. Font Awesome is a CSS framework that gives you access to thousands of scalable icons. Because they are vectors, not images, they look sharp at any size and can be styled with…

💡 The Concept Getting started with Bootstrap takes just two lines in your HTML, and your project immediately has access to a full design system. Bootstrap is a free CSS and JavaScript framework originally built by the Twitter team. It gives you a complete system for building responsive, mobile-first websites without writing all the CSS…

💡 The Concept Now that you have Bootstrap installed (see Getting Started with Bootstrap if you need help with that), you can use it for a wide range of features: hamburger menus for mobile, dropdown menus, popups, and accordions. The most everyday use, though, is the grid system for stacking columns on mobile devices. Bootstrap’s…