Learning Bootstrap

• Part 1: Installing and Using
• Part 2: Containers and Rows
• Part 3: Grids
• Part 4: Working with jQuery Plugins

Using Bootstrap

• Part 1: Borders and Colors
• Part 2: Alerts
• Part 3: Buttons
• Part 4: Cards
• Part 5: Forms

Bootstrap is a free and open-source front-end framework for designing HTML- and CSS-based website and web applications.

---

Containers and Rows

In Bootstrap, there are elements which contain everything else. These are containers, and have their class attribute set as such.

Containers can be more fixed or fluid depending on design needs. For more fluid containers that fill up the available viewport, use .container-fluid.

---

Rows

Rows go inside containers. They define the outer bounds of the content within them and help organize the overall layout. Like containers their class, the class attribute .row defines rows.

Play with the example on Repl.it!