📜  Blaze UI 窗口框

📅  最后修改于: 2022-05-13 01:56:40.552000             🧑  作者: Mango

Blaze UI 窗口框

Blaze UI是一个 CSS 开源轻量级 UI 工具包,它为构建自定义和可扩展的应用程序提供了出色的工具。它可以与任何存在的框架一起使用。它可以适应任何生态系统。所有设计或 CSS 都是移动优先的,因此是响应式的。

Blaze UI Window Boxes用于创建在所有方向上具有相等填充的单元格。单元格在左、右和上下对称,看起来像方形窗口。我们可以使用它们在网格中显示项目或在网格或内联中弯曲它们。

Blaze UI 窗口框类:以下是根据其填充降序排列的不同类:

  • u-window-box-super:它有最大的内边距。
  • u-window-box-xlarge:它的填充比 super 少。
  • u-window-box-large:它有很大的填充。
  • u-window-box-medium:它有中等填充。
  • u-window-box-small:它的内边距比 medium 小。
  • u-window-box-xsmall:它比 tiny 有更大的填充。
  • u-window-box-tiny:它的填充非常少。
  • u-window-box-none:它没有填充。

语法:将类应用于容器等任何元素,如下所示:

...

示例 1:在下面的示例中,我们使用 jQuery 应用了三个带有窗口框填充的项目,然后我们使用提供的按钮对其进行修改。

HTML


  

    
    
    
    
    
    
    

  

    
        

GeeksforGeeks

        Blaze UI window Boxes     
       
        
            
                Car             
            
                Chair             
            
                Ludo             
        
    
       
                                                                            
              


HTML


  

    
    
    
    
    
    
    
  
    

  

    
        

GeeksforGeeks

        Blaze UI Window Boxes     
    
        
            

Data Strucures

            

                A data structure is a particular way                  of organizing data in a computer                 so that it can be used effectively.             

        
        
            

Algorithms

            

                an algorithm is a finite sequence                  of well-defined instructions,                 typically used to solve a class of                  specific problems or to perform a                 computation.             

        
        
            

Machine Learning

            

                Machine Learning is the field of                  study that gives computers the                 capability to learn without being                  explicitly programmed.             

        
    
       
                                                                            
              


输出:

示例 2:我们有一些与编程相关的细节的超级窗口框。

HTML



  

    
    
    
    
    
    
    
  
    

  

    
        

GeeksforGeeks

        Blaze UI Window Boxes     
    
        
            

Data Strucures

            

                A data structure is a particular way                  of organizing data in a computer                 so that it can be used effectively.             

        
        
            

Algorithms

            

                an algorithm is a finite sequence                  of well-defined instructions,                 typically used to solve a class of                  specific problems or to perform a                 computation.             

        
        
            

Machine Learning

            

                Machine Learning is the field of                  study that gives computers the                 capability to learn without being                  explicitly programmed.             

        
    
       
                                                                            
              

输出:

参考: https://www.blazeui.com/utils/boxing/