Bootstrap provides an easy way to align media objects (like images or videos) together with content. Media objects are often used to display blog comments, tweets, and so on.

• Basic media Object :- class=media class to a container element and place media content inside a child container with class=media-body.
• Nested Media Object :- Media object can also be nested(media object inside media).
• Right-Aligned Media Image :- to right-aligned media image class=media-body.
• Top, Middle or Bottom Alignment :- Use the flex utilities, class=align-self-(start/center/end) classes to place the media object on the top, middle or at the bottom.

Tagged : basic media object in bootstrap / Bootstrap / bootstrap 4 / Guide / How / media object in bootstrap / nested media object in bootstrap / Process / top media or bottom alignment in bootstrap / Tutorial