布尔玛卡零件

Bulma 是一个 CSS 框架，可以轻松开发漂亮且响应迅速的网站。它基于弹性盒。在本文中，我们将看到 Bulma 中卡片元素的各个部分。卡片有以下4个部分：读卡器、卡片图像、卡片内容和卡片页脚。

Bulma Card Parts Classes：这些类可以一起使用来制作卡片。构建卡片不需要所有四个部分，您可以使用您需要的部分。

• card-header：这个类用于扭曲卡片的标题。
• card-image：这个类用于扭曲卡片的图像。
• card-content：这个类用于扭曲卡片的内容。
• card-footer：这个类用于扭曲卡片的页脚。

句法：

    

    ....
    

示例：在下面的示例中，我们使用了卡片的所有四个部分来制作输出中显示的卡片。

HTML

  

    
  
    

  

    

        GeeksforGeeks
    
    Bulma Card Parts
    

        

            

                

                    GeeksforGeeks
                
  
            
            

                

                    
                
            
            

                

                    GeeksforGeeks is a computer science 
                    portal for geeks by geeks. Here you 
                    can find articles on various computer 
                    science topics like Data Structures, 
                    Algorithms and many more.
                
            
  
            

                
                    GeeksforGeeks
                
                
                    Practice
                
                
                    Courses
                
            
        
    

  

输出：

布尔玛卡零件

参考： https://bulma.io/documentation/components/card/#card-parts