Mediagrid The media object is an abstract element used as the basis for building more complex and repetitive components. You'll see a plenty of samples to take advantage of.

By default, medias inside a .media-gridhave 200px width. You can change it by adding a fixed width or using Bootstrap grid system.

Fixed sizing

Change grid items width to different sizes using .w-*pxutility classes. It should apply to all of the medias.

Bootstrap grid system

.rowapplied to .media-gridand wrap each .mediainside .col-6 .col-md-3.