top item list

This bootstrap snippet called "top item list" was created to help web designers,
front-end developers and back-end developer save time. Use it in your project and build your app faster,
You can also download the HTML, CSS, and JS code
tags: item,list

This is the HTML code for this bootstrap snippet

Copy, paste, change, customize and run the following HTML code to get a result like the one shown in the preview tab

<div class="col-md-4 col-sm-6">
    <div class="panel panel-default">
        <div class="panel-heading"><a class="pull-right" href="#">View all</a> <h4>Top Items</h4></div>
            <div class="panel-body">
            <div class="list-group">
                <a class="list-group-item active" href="http://bootply.com/tagged/bootstrap-3">Bootstrap 3</a>
                <a class="list-group-item" href="http://bootply.com/tagged/snippets">Snippets</a>
                <a class="list-group-item" href="http://bootply.com/tagged/example">Examples</a>
            </div>
        </div>
    </div>
</div>

This is the CSS code for this bootstrap snippet

Copy, paste, change, customize and run the following CSS code to get a result Like the one shown in the preview


				                
body{margin-top:20px;}				              
                                    

Information about this bootstrap snippet

Creator: Dey Dey

Bootstrap version: 3.1.0

Created: May 8th 2014, 15:36

Views: 2.5K

Rated 5/5 based on 1 reviews