https://github.com/mdbootstrap/bootstrap-media-object

Responsive Media objects built with the latest Bootstrap 5. Dedicated for highly repetitive components like blog comments, tweets, and the like.
https://github.com/mdbootstrap/bootstrap-media-object

avatar blog bootstrap bootstrap-template bootstrap5 media-object responsive responsive-design tweets

Last synced: 3 months ago
JSON representation

Responsive Media objects built with the latest Bootstrap 5. Dedicated for highly repetitive components like blog comments, tweets, and the like.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-media-object
Owner: mdbootstrap
License: other
Created: 2021-08-13T06:24:05.000Z (over 4 years ago)
Default Branch: main
Last Pushed: 2022-01-27T10:33:08.000Z (about 4 years ago)
Last Synced: 2025-08-25T11:16:35.849Z (8 months ago)
Topics: avatar, blog, bootstrap, bootstrap-template, bootstrap5, media-object, responsive, responsive-design, tweets
Language: JavaScript
Homepage: https://mdbootstrap.com/docs/standard/extended/media-object/
Size: 948 KB
Stars: 0
Watchers: 4
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Responsive Media objects built with the latest Bootstrap 5. Dedicated for highly repetitive components like blog comments, tweets, and the like.

Check out [Bootstrap Media Object Documentation](https://mdbootstrap.com/docs/standard/extended/media-object/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 Media Object](https://mdbootstrap.com/img/Marketing/github/media-object/basic.png)

```html

John Doe
Posted on February 19, 2021

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.

```

## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Media Object Nesting:
![Bootstrap 5 Media Object](https://mdbootstrap.com/img/Marketing/github/media-object/nesting.png)](https://mdbootstrap.com/docs/standard/extended/media-object/#section-nesting)

___

## More extended Bootstrap documentation