列表组组件的目的是在列表中呈现复杂的自定义内容。获取基本列表组-

• 将类.list-group添加到元素
  中。
  • 将类.list-group-item添加到
  • 。

  以下示例演示了这一点-

  现场演示

  
     
  Free Domain Name Registration
     
  Free Window Space hosting
     
  Number of Images
     
  24*7 support
     
  Renewal cost per year
  
  

  将徽章添加到列表组

  我们可以将badges组件添加到任何列表组项，它将自动位于右侧。只需在

• 元素内添加 。以下示例演示了这一点-
  现场演示

  
     
  Free Domain Name Registration
     
  Free Window Space hosting
     
  Number of Images
     
     
  
        New
        24*7 support
     
     
     
  Renewal cost per year
     
     
  
        New
        Disocunt Offer
     
  
  

  链接列表组项目

  通过使用锚标记而不是列表项，我们可以链接列表组。我们需要使用

  而不是

  元素。以下示例演示了这一点-
  现场演示

  
     Free Domain Name Registration
  
  
  24*7 support
  Free Window Space hosting
  Number of Images
  Renewal cost per year
  

  将自定义内容添加到列表组

  我们可以将任何HTML内容添加到上述链接列表组中。以下示例演示了这一点-

  现场演示

  
     
        
  
           Starter Website Package
        
     
     
     
        
  
           Free Domain Name Registration
        
        
        
  
           You will get a free domain registration with website pages.
        
     
     
     
        
  
           24*7 support
        
        
        
  
           We provide 24*7 support.
        
     
  
  
  
     
        
  
           Business Website Package
        
     
     
     
        
  
           Free Domain Name Registration
        
        
        
  
           You will get a free domain registration with website pages.
        
     
     
     
        
  24*7 support
        
  We provide 24*7 support.