列表组色彩怎么显示不一样？

Question

同样的一段代码：

<div class="list-group">
    <a href="##" class="list-group-item active"><span class="badge">5902</span>图解CSS3</a>
    <a href="##" class="list-group-item list-group-item-success active"><span class="badge">15902</span>W3cplus</a>
    <a href="##" class="list-group-item list-group-item-info active"><span class="badge">59020</span>慕课网</a>
    <a href="##" class="list-group-item list-group-item-warning active"><span class="badge">0</span>Sass中国</a>
    <a href="##" class="list-group-item list-group-item-danger active"><span class="badge">10</span>Mobile教程</a>
</div>

加上active，在线练习显示的颜色是这样子

复制到sublime，打开浏览器显示却是这个样子，为何？？？

Answer 1

缺少样式额，把样式也搬过来

Answer 2

class的原因，你看index.hmtl后面还有一个style.css呢