用bootstrap实现排行榜，排名的效果

<ul class="list-group">
    <li class="list-group-item">Name：<span class="badge" style="color:red;background:lightcoral;">1</span></li>
    <li class="list-group-item">Name：<span class="badge" style="color:green;background:lightgreen;">2</span></li>
    <li class="list-group-item">Name：<span class="badge" style="color:red;background:lightsalmon;">3</span></li>
    <li class="list-group-item">Name：<span class="badge" style="color:green;background:pink;">4</span></li>
    <li class="list-group-item">Name：<span class="badge" style="color:green;background:lightblue;">5</span></li>
    <li class="list-group-item">Name：<span class="badge" style="color:red;background:lightgray;">6</span></li>
    <li class="list-group-item">Name：<span class="badge" style="color:green;background:lightseagreen;">7</span></li>
    <li class="list-group-item">Name：<span class="badge" style="color:green;background:lightsalmon;">8</span></li>
</ul>

上面是HTML代码

具体效果如下白色部分：