📜  引导程序列表组

📅  最后修改于: 2020-12-19 02:49:41             🧑  作者: Mango

引导程序列表组

引导程序列表组用于创建包含列表项的列表组。最基本的列表组是包含列表项的无序列表。

类“.LIST群”

    元素和类“.LIST基团的项目”
  • 元素中内被用来创建一个基本列表组。

    引导程序列表组示例

     
    
    
      Bootstrap Example
      
      
      
      
    
    
    
    

    Basic List Group Example

    • First item
    • Second item
    • Third item

    带徽章的引导程序列表组

    徽章也可以添加到列表组。它们将自动定位在右侧。

    您必须在列表项中创建一个类别为“ .badge”元素,以创建徽章。

     
    
    
      Bootstrap Example
      
      
      
      
    
    
    
    

    List Group With Badges

    • 12 New
    • 5 Deleted
    • 3 Warnings

    具有超链接的引导程序列表组

    您还可以将项目链接到列表组。这将在悬停时提供灰色背景色。您必须使用

    代替

    使用上下文类别链接项目

    在Bootstrap 4中,您还可以将项目与上下文类链接。

    例:

    
    
    
      Bootstrap Example
      
      
      
      
      
      
    
    
    
    

    Linked Items With Contextual Classes

    Move the mouse over the linked items to see the hover effect: