📜  布尔玛英雄

📅  最后修改于: 2021-08-31 02:07:01             🧑  作者: Mango

Bulma 是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度敏感的。它使用类来实现其设计。英雄是一个雄伟的英雄旗帜,用来展示一些东西。

英雄组件允许您向网页添加全宽横幅,也可以选择覆盖页面的全高。 Hero 组件包括几个其他组件,我们必须专门添加这些组件才能很好地设计我们的内容。下面列出了这些组件。

  • 英雄:它是主容器。
  • hero-body:它是您可以放置所有内容的地方。

示例 1:此示例说明了普通的 Hero 元素。



  

  Bulma Hero
  
  
  
  

  

  
    
      
        
          

            GeeksforGeeks           

          

            Prior knowledge of DS and Algo:             If you are already well versed             with the basic data structures             like Arrays, Linked Lists etc.             and some of the basic algorithms             like Sorting, Searching etc. then             you will comparatively take much             less time than a complete newbie             as you already know the basics.           

        
      
    
  
  

输出:

示例 2:此示例说明了丰富多彩的英雄布尔玛元素。



  

  Bulma Hero
  
  
  
  

  

  
    
      
        
          
            
              

                GeeksforGeeks               

              

                Prior knowledge of DS and                 Algo: If you are already                 well versed with the basic                 data structures like Arrays,                 Linked Lists etc.               

            
          
        
      
         
        
          
            
              

                GeeksforGeeks               

              

                Prior knowledge of DS and                 Algo: If you are already                 well versed with the basic                 data structures like Arrays,                 Linked Lists etc.               

            
          
        
      
    
       
      
               
         
        
          
            
              

                GeeksforGeeks               

              

                Prior knowledge of DS and                 Algo: If you are already                 well versed with the basic                 data structures like Arrays,                 Linked Lists etc.               

            
          
        
      
    
       
      
        
          
            
              

                GeeksforGeeks               

              

                Prior knowledge of DS and                 Algo: If you are already                 well versed with the basic                 data structures like Arrays,                 Linked Lists etc.               

            
          
        
      
         
        
          
            
              

                GeeksforGeeks               

              

                Prior knowledge of DS and                 Algo: If you are already                 well versed with the basic                 data structures like Arrays,                 Linked Lists etc.               

            
          
        
      
    
  
  

输出:

示例 3:此示例说明具有渐变效果的英雄元素(添加 is-bold 修饰符)。



  

  Bulma Hero
  
  
  
  

  

  
    
      
        
          
            
              

                GeeksforGeeks               

              

                Prior knowledge of DS and Algo:                 If you are already well versed                 with the basic data structures                 like Arrays, Linked Lists etc.               

            
          
        
      
         
        
          
            
              

                GeeksforGeeks               

              

                Prior knowledge of DS and Algo:                 If you are already well versed                 with the basic data structures                 like Arrays, Linked Lists etc.               

            
          
        
      
    
       
      
               
         
        
          
            
              

                GeeksforGeeks               

              

                Prior knowledge of DS and Algo:                 If you are already well versed                 with the basic data structures                 like Arrays, Linked Lists etc.               

            
          
        
      
    
       
      
        
          
            
              

                GeeksforGeeks               

              

                Prior knowledge of DS and Algo:                 If you are already well versed                 with the basic data structures                 like Arrays, Linked Lists etc.               

            
          
        
      
         
        
          
            
              

                GeeksforGeeks               

              

                Prior knowledge of DS and Algo:                 If you are already well versed                 with the basic data structures                 like Arrays, Linked Lists etc.               

            
          
        
      
    
  
  

输出: