向列表组添加徽章

向任意的列表项添加徽章组件，它会自动定位到右边。只需要在<li>元素中添加 <span class="badge"> 即可

向列表组添加链接

<a href="#" class="list-group-item active"> 免费域名注册</a>

<a href="#" class="list-group-item">24*7 支持</a>

<a href="#" class="list-group-item">免费 Window 空间托管</a>

<a href="#" class="list-group-item">图像的数量</a><a href="#" class="list-group-item">每年更新成本</a>

向列表组添加自定义内容

<div class="list-group">

<a href="#" class="list-group-item active">

<h4 class="list-group-item-heading">

入门网站包

</h4>

</a>

<a href="#" class="list-group-item">

<h4 class="list-group-item-heading">

免费域名注册

</h4>

<p class="list-group-item-text">

您将通过网页进行免费域名注册。

</p>

</a>

<a href="#" class="list-group-item">

<h4 class="list-group-item-heading">

24*7 支持

</h4>

<p class="list-group-item-text">

我们提供 24*7 支持。

</p>

</a>

</div>

<div class="list-group">

<a href="#" class="list-group-item active">

<h4 class="list-group-item-heading">

商务网站包

</h4>

</a>

<a href="#" class="list-group-item">

<h4 class="list-group-item-heading">

免费域名注册

</h4>

<p class="list-group-item-text">

您将通过网页进行免费域名注册。

</p>

</a>

<a href="#" class="list-group-item">

<h4 class="list-group-item-heading">24*7 支持</h4>

<p class="list-group-item-text">我们提供 24*7 支持。</p>

</a>

</div>