BootStrap 列表组件

来源：互联网发布：csp软件下载编辑：程序博客网时间：2024/05/26 07:27

用于显示一组列表的组件

基本列表组件
<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="#" class="list-group-item active">首页 <span class="badge">10</span> </a>
   <a href="#" class="list-group-item">第一页</a>
   <a href="#" class="list-group-item">第二页</a>
   <a href="#" 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>

0 0