海力源码logo图片
400电话图片
热门关键词:  响应式网站    设计网站    营销型网站   
源码资讯
当前位置:首页 > 源码资讯 > Bootstrap 列表组

Bootstrap 列表组

资讯来源:海力源码    点击次数:666    更新时间:2019-12-13 15:19:41
本章我们将讲解列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下:
● 向元素 <ul> 添加 class .list-group。
● 向 <li> 添加 class .list-group-item。
下面的实例演示了这点:
实例
<ul class="list-group">
    <li class="list-group-item">免费域名注册</li>
    <li class="list-group-item">免费 Window 空间托管</li>
    <li class="list-group-item">图像的数量</li>
    <li class="list-group-item">24*7 支持</li>
    <li class="list-group-item">每年更新成本</li>
</ul>
结果如下所示:
basic list group

  • 海力源码手机版
  •  联系客服小美