Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mdbootstrap/bootstrap-news-feed

Responsive News Feed built with the latest Bootstrap 5. Enhance your project with a variety of social sections such as news feed, comments, and post cards.
https://github.com/mdbootstrap/bootstrap-news-feed

bootstrap bootstrap-news-feed bootstrap-responsive bootstrap-template bootstrap5 comments news-feed responsive responsive-design social-media

Last synced: about 13 hours ago
JSON representation

Responsive News Feed built with the latest Bootstrap 5. Enhance your project with a variety of social sections such as news feed, comments, and post cards.

Awesome Lists containing this project

README

        

Responsive News Feed built with the latest Bootstrap 5. Enhance your project with a variety of social sections such as news feed, comments, and post cards.

Check out [Bootstrap News Feed Documentation](https://mdbootstrap.com/docs/standard/extended/news-feed/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/basic.png)

```html



News of the day

Facilis consequatur eligendi



Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis consequatur
eligendi quisquam doloremque vero ex debitis veritatis placeat unde animi laborum
sapiente illo possimus, commodi dignissimos obcaecati illum maiores corporis.


Read more


```

## 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 Blog posts:
![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/blog.png)](https://mdbootstrap.com/docs/standard/extended/news-feed/#blog)

[Bootstrap News aggregator:
![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/aggregator.png)](https://mdbootstrap.com/docs/standard/extended/news-feed/#aggregator)

[Bootstrap News Feed:
![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/news-feed.png)](https://mdbootstrap.com/docs/standard/extended/news-feed/#news-feed)

[Bootstrap Social newsfeed v.1:
![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/social-newsfeed-v1.png)](https://mdbootstrap.com/docs/standard/extended/news-feed/#social-v1)

[Bootstrap Social newsfeed v.2:
![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/social-newsfeed-v2.png)](https://mdbootstrap.com/docs/standard/extended/news-feed/#social-v2)

___

## More extended Bootstrap documentation