Bootstrap基本组件学习笔记之列表组(11)

列表组件用于以列表形式呈现复杂的和自定义的内容。

创建一个列表组，只需要完成以下两步：

（1）向元素

添加 class .list-group；
（2）向
• 添加 class .list-group-item。

  看下面的例子：

  
  
  
   
   
   
   
   
   
  
  
  
   
   
    排行榜
   
   
  
    
  
    
     kikay
     255
    
    
    
  
    
     Tom
     125
    
    
    
  
    
     小花
     101
    
    
   
   
   
   
    新闻列表
   
   
    
    
  新闻标题1
    
  新闻内容新闻内容新闻内容新闻内容
    
    
    
  新闻标题2
    
  新闻内容新闻内容新闻内容新闻内容
    
    
    
  新闻标题3
    
  新闻内容新闻内容新闻内容新闻内容
    
   
   
  
  
  

  效果如下：

  最后说明下，上面的例子的“排行榜”中，向列表项添加徽章组件。只需要在

• 元素中添加即可。

  如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

  Bootstrap学习教程

  Bootstrap实战教程

  Bootstrap插件使用教程

  以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。