Semantic-UI Card Variations 流体卡变体

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

语义 UI 提供了多种卡片变体，如流体卡片、居中卡片、凸起卡片、链接卡片、浮动内容、文本对齐、彩色、列数、可堆叠、加倍。在本文中，我们将了解卡液变化。

语义 UI卡变体 流体卡变体采用可自由流动的容器的大小或宽度。

Semantic-UI Card Variations 流体卡变体类：

• 流体：该类用于强制卡片元素占据容器的整个宽度。

注意：您可以将所有这些流体变化卡以网格的形式排列

句法：

下面的示例说明了 Semantic-UI Card Variations Fluid Card Variant

示例：以下示例演示了卡片流体类。 我们可以观察到图像完全呈现容器的形状，因为我们使用了卡片流体变化。

HTML

 

    
    
    
    
    
     

 

    
GeeksforGeeks
    Semantic UI card fluid
    

    
      
        

            

                

                    
                
                

                    
                      geeksforgeeks
                    
                
            
        
 
        

            

                

                    
                
                

                    
                      geeksforgeeks
                    
                
            
        
        

            

                

                    
                
                

                    
                      geeksforgeeks
                    
                
            
        
    
   

输出：

Semantic-UI Card Variations 流体卡变体

参考： https://semantic-ui.com/views/card.html#fluid-card