Numbered/Ordered Lists in Panels - Twitter Bootstrap 3

by Damith Nuwan Sampath

HTML

<script src="maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="container">
	<div class="panel panel-default">
    	<div class="panel-heading">Test</div>
      	<ol class="list-group">
        	<li class="list-group-item">Item 1</li>
          	<li class="list-group-item">Item 2</li>
      	</ol>
  	</div>
    
    <div class="panel panel-default">
        <div class="panel-heading">Unordered Test</div>
        <ul class="list-group">
            <li class="list-group-item">Item</li>
            <li class="list-group-item">Another Item</li>
        </ul>
    </div>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

ol li.list-group-item { 
    list-style: decimal inside;
    display: list-item;
}