media object in bootstrap Archives - scmGalaxy https://www.scmgalaxy.com/tutorials/tag/media-object-in-bootstrap/ A Platform for Software Engineers Mon, 30 Aug 2021 13:06:03 +0000 en-US hourly 1 https://wordpress.org/?v=7.1 Bootstrap:-Components “Media Object” https://www.scmgalaxy.com/tutorials/bootstrap-components-media-object/ https://www.scmgalaxy.com/tutorials/bootstrap-components-media-object/#respond Mon, 30 Aug 2021 13:06:01 +0000 https://www.scmgalaxy.com/tutorials/?p=8517 Bootstrap provides an easy way to align media objects (like images or videos) together with content. Media objects are often […]

The post Bootstrap:-Components “Media Object” appeared first on scmGalaxy.

]]> 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.
media_objectDownload

The post Bootstrap:-Components “Media Object” appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/bootstrap-components-media-object/feed/ 0