📌  相关文章
📜  Bulma Hero Fullheight 带导航栏

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

Bulma Hero Fullheight 带导航栏

在本文中，我们将看到 Bulma Hero 与 Navbar 的 Fullheight。要使用带有 Hero 组件的导航栏，我们可以使用 is-fullheight-with-navbar 类。

带有导航栏类的布尔玛英雄全高：

  • is-fullheight-with-navbar-此类或修饰符用于通过减少视口中的一些空间来将导航栏包含在 Hero 部分中。

句法： 





    ...

示例 1：

HTML

  

  

    

  

    
  
    

      

        

          Welcome to GeeksforGeeks
        
 
  
        

          This is Fullheight hero 
          with navbar that uses
          
            is-fullheight-with-navbar
           
          class.
        

  
      

    


  

HTML


  
  
    
  
  
  
    
    
  
    

      

        

          Learn Programming Languages
        

  
        

          

            Java
          

  
          

            C++
          

  
          

            Python
          

  
          

            C#
          

        

      

    

  
  

输出：

示例 2：

HTML 



  
  
    
  
  
  
    
    
  
    

      

        

          Learn Programming Languages
        

  
        

          

            Java
          

  
          

            C++
          

  
          

            Python
          

  
          

            C#
          

        

      

    

  
  

输出：

参考： https://bulma.io/documentation/layout/hero/#fullheight-with-navbar