用bootstrap实现最新提示,统计,排名

来源:互联网 发布:淘宝网店如何刷钻 编辑:程序博客网 时间:2024/05/16 17:12
<ul class="list-group">
   
   <li class="list-group-item">
      
      项目1<span class="badge" style="color:green;background:orange;">新</span>
   </li>
   <li class="list-group-item"> 项目2</li>
   <li class="list-group-item">
      
      文件总数<span class="badge" style="color:red">12</span>
   </li>
</ul>


<ul class="list-group">
   
   <li class="list-group-item">
      
      项目排名<span class="badge" style="color:green;background:red;">1</span>
   </li>
   <li class="list-group-item"> 项目排名<span class="badge" style="color:green;background:orange;">2</span></li>
   <li class="list-group-item">
      
      项目排名<span class="badge" style="color:red">3</span>
   </li>

</ul>



0 0