##### Switcher

Vertical gutters

.gy-* classes can be used to control the vertical gutter widths. Like the horizontal gutters, the vertical gutters can cause some overflow below the .row at the end of a page. If this occurs, you add a wrapper around .row with the .overflow-hidden class:

Custom column padding
Custom column padding
Custom column padding
Custom column padding
Horizontal gutters

.gx-* classes can be used to control the horizontal gutter widths. The .container or .container-fluid> parent may need to be adjusted if larger gutters are used too to avoid unwanted overflow, using a matching padding utility. For example, in the following example we’ve increased the padding with .px-4:

Custom column padding
Custom column padding

An alternative solution is to add a wrapper around the .row with the .overflow-hidden class:

Custom column padding
Custom column padding
Horizontal & vertical gutters

.g-* classes can be used to control the horizontal gutter widths, for the following example we use a smaller gutter width, so there won’t be a need to add the .overflow-hidden wrapper class.

Custom column padding
Custom column padding
Custom column padding
Custom column padding
No gutters

The gutters between columns in our predefined grid classes can be removed with .g-0. This removes the negative margins from .row and the horizontal padding from all immediate children columns.

Need an edge-to-edge design? Drop the parent .container or .container-fluid and add .mx-0 to the .row to prevent overflow.

In practice, here’s how it looks. Note you can continue to use this with all other predefined grid classes (including column widths, responsive tiers, reorders, and more).

.col-sm-6 .col-md-8
.col-6 .col-md-4
Row columns gutters

Gutter classes can also be added to row columns. In the following example, we use responsive row columns and responsive gutter classes.

Row column
Row column
Row column
Row column
Row column
Row column
Row column
Row column
Row column
Row column

###### Shortcuts

Mail Settings

Messages

- ###### Elizabeth Ava2

  3:55 PM

  Elizabeth is online

- ###### George Rhys1

  12:04 PM

  I must explain...

- ###### Bethany Isla2

  Yesterday

  We denounce with righteous..

- ###### Margaret Emma1

  01 Mar

  http://Diam-duoet.xd

- ###### Michael Souris1

  22 Feb

  +13 photos

View All

Workspace

- ###### Olivia Lily1

  2:00 PM

  Aliquyam ipsum sit.

- ###### Smith Brown2

  12:00 PM

  At eos no sit...

- ###### Wilson Li24

  16 Feb

  Sit est dolor dolor.

- ###### Jones Morton3

  12 Jan

  Erat diam ipsum... Sed dolor...

- ###### White Lee1

  01 Feb

  Justo accusam stet eirmod et....

View All

Calls

- ###### Wilfrid Price3

  11:15 AM

  Missed call

- ###### Jasmin O'Kon

  Yesterday

  Duration: 15:30

- ###### River Gleichner

  01 Mar

  Declined

- ###### Saul Goodmate1

  20 Feb

  Missed call

- ###### Edgardo Huel

  15 Feb

  Duration: 01:20:10

View All

###### Find out more !

Mail Settings

###### Notifications :

Someone mentioned
Someone Replies
Allow All Notifications
Notifications On
In App Email Both
Assigned a Task
If I Have More Than 24 Tasks
Allow All Notifications
Notifications On
In App Email Both

###### App :

Files :

Images
1,458
Videos
213
Storage
8.50MB free space

Files Privacy Settings :

Password change

Discard Save Changes
Two Factor Authentication

Recent Deleted Files Delete All

Full Name
Email
Mobile Number Change number
+91

###### Remaiders :

Get alert for remaiders

###### This Is Not You're Looking For?

Go To Profile Settings