Bootstrap 4 Grid Basics

Summary

Below you will find a collection of tutorials teaching the basics of the Bootstrap grid system.

Before You Start

These tutorials assume you have a basic understanding of HTML and CSS.

Tutorials

Introduction

• Why should I use Bootstrap?

Setup

• Add Bootstrap to project
• How to update Bootstrap
• The basic rules of Bootstrap: Containers, Rows, and Columns

Bootstrap Grid System

• Equal width columns
• Setting one column width
• Responsive columns
• Multiple column classes

Utility classes

• Margin classes
• Padding classes

Notice any errors? Have other questions or suggestions? Send your comments and questions to contact@simpledev.io.