BootStrap 列表组件

最新推荐文章于 2024-08-29 09:43:54 发布

xunbaogang

最新推荐文章于 2024-08-29 09:43:54 发布

阅读量506

点赞数

分类专栏： # BootStrap HTML前端设计

本文链接：https://blog.csdn.net/xunbaogang/article/details/51984820

版权

BootStrap 同时被 2 个专栏收录

27 篇文章 0 订阅

订阅专栏

HTML前端设计

24 篇文章 0 订阅

订阅专栏

用于显示一组列表的组件

基本列表组件
<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>