淘先锋技术网

首页 1 2 3 4 5 6 7
用于显示一组列表的组件

基本列表组件
<ul class="list-group">
    <li class="list-group-item">首页 <span class="badge">10</span> </li>
    <li class="list-group-item">第一页</li>
    <li class="list-group-item">第二页</li>
    <li class="list-group-item">第三页</li>
</ul>        
        

带徽章
    <li class="list-group-item">首页 <span class="badge">10</span> </li>

链接和首选
<div class="list-group">
    <a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" class="list-group-item active">首页 <span class="badge">10</span> </a>
    <a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" class="list-group-item">第一页</a>
    <a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" class="list-group-item">第二页</a>
    <a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" class="list-group-item">第三页</a>
</div>

按钮式
<div class="list-group">
    <button class="list-group-item active">首页 <span class="badge">10</span> </button>
    <button class="list-group-item">第一页</button>
    <button class="list-group-item">第二页</button>
    <button class="list-group-item">第三页</button>
</div>