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.
Markdown for AI
A clean, structured version of this page for AI assistants and LLMs.
We use cookies to ensure you have the best browsing experience on our website. By using our site, you
acknowledge that you have read and understood our
Cookie Policy &
Privacy Policy.
Some Grid system rules in a Bootstrap Grid System:
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.