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="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> 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.


 

News

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

Avatar
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