---
title: "Grid system rules in a Bootstrap Grid System"  
description: "Grid system rules in a Bootstrap Grid System"  
author: "Ethan Karla"  
published: 2021-07-28  
updated: 2021-07-28  
canonical: https://www.mindstick.com/forum/156596/grid-system-rules-in-a-bootstrap-grid-system  
category: "bootstrap"  
tags: ["bootstrap", "grid"]  
reading_time: 1 minute  

---

# Grid system rules in a Bootstrap Grid System

What are the [Grid system](https://www.mindstick.com/forum/158306/how-to-use-bootstrap-s-grid-system-to-create-layouts-for-web-pages) [rules](https://www.mindstick.com/articles/43901/blackjack-rules) in a [Bootstrap Grid](https://www.mindstick.com/articles/1467/bootstrap-grid-and-image-style) System?

## Replies

### Reply by Anonymous User

Some [Grid](https://www.mindstick.com/forum/369/how-can-i-add-a-column-name-to-my-grid) [system](https://www.mindstick.com/articles/23411/the-most-effective-method-to-find-the-perfect-small-business-phone-system-for-your-business) rules in a [Bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) Grid System:

- The defined rows must be in a container or container fluid for proper indentation and alignment of the web page.
- In containers you have to define a row which forms a horizontal group of columns.
- Now, add the content to display elements to a row and remember that columns can only be an immediate child of rows.
- You can use padding in rows to create gaps between columns.
- While creating columns remember that there should be 12 columns in a row. For example if you need 3 columns in a row then you can achieve this by adding col-md-4 three times in a row.

Note : Column widths are in percentages, so they are always fluid and sized relative to their parent element. E.g. if you create three columns in a row, the width of each column will be divided into 33.33% each.


---

Original Source: https://www.mindstick.com/forum/156596/grid-system-rules-in-a-bootstrap-grid-system

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.