📜  布尔玛 |控制板

📅  最后修改于: 2021-09-02 03:20:53             🧑  作者: Mango

Bulma是一个基于 Flexbox 的响应式开源 CSS 框架,并且完全免费。这个框架的主要特点是,它非常兼容,文档齐全,组件丰富。出于设计目的,布尔玛使用类。

panel 元素只是一个紧凑控件的容器。我们可以在项目设计的很多地方使用它。它为项目提供了交互式用户界面。 Panel 组件包括几个其他组件,我们必须专门添加这些组件才能很好地设计我们的内容。下面列出了这些组件。

  • panel-heading:它是面板的第一个子项,负责面板标题的样式。
  • panel-tabs:负责创建面板标签。
  • 面板块:面板块是一种容器,可以包含其他元素,如输入控件、按钮、图标、表单等。

示例 1:



  

  
  
  

  

  
  
  
  
    
      
               
    
  
  

输出:

示例 2:带有图像的面板。



  

  
  
  

  

  
  
  
  
    
      
               
    
  
  

输出:

示例 3:彩色面板组件。



  

  
  
  

  

  
  
  
  
    
      
        
          

            Movies           

          
            

                                                                          

          
          

            All             Romentic             Comedy             Action             Drama           

                       
                           
            M.S.Dhoni The Untold story           
                       
                           
            Rabta           
                       
                           
            Shuddh Desi Romance           
                       
                           
            URI The Surgical Strike           
                       
                           
            P.K.           
                       
                           
            3 Idiots           
                       
                           
            Kai Po Che           
          
                       
        
      
         
        
          

            Movies           

          
            

                                                                          

          
          

            All             Romentic             Comedy             Action             Drama           

                       
                           
            M.S.Dhoni The Untold story           
                       
                           
            Rabta           
                       
                           
            Shuddh Desi Romance           
                       
                           
            URI The Surgical Strike           
                       
                           
            P.K.           
                       
                           
            3 Idiots           
                       
                           
            Kai Po Che           
          
                       
        
      
    
  
  

输出: