Responsive jQuery News Ticker Plugin with Bootstrap 3

How to use it:

1. Load the latest Twitter Bootstrap 3's CSS files in the page.

2. Load the jQuery Bootstrap News Box plugin in the page, make sure you have jQuery library loaded.

1 <script src=""> script>
2 <script src="scripts/jquery.bootstrap.newsbox.min.js" type="text/javascript"> script>

3. Create a vertical news ticker using bootstrap 3 markup structure.



4. A little bit more CSS to style the list items.

.glyphicon {
margin-right: 4px !important; /*override*/
.pagination .glyphicon {
margin-right: 0px !important; /*override*/
.pagination a {
color: #555;
.panel ul {
padding: 0px;
margin: 0px;
list-style: none;
.news-item {
padding: 4px 4px;
margin: 0px;
border-bottom: 1px dotted #555;

5. Call the plugin with optional settings.


Demo Download

About The Massive Technolab

Who We Are

Massive Technolab is a Leading IT services Company in India that expertise in web Development, Web Design and SEO at affordable rates.

Leave a Comment

comments powered by Disqus