布尔玛透明导航栏

Bulma是一个现代 CSS 框架，使用它的预样式组件和许多帮助 CSS 类，可以更轻松地构建漂亮和响应式的界面。在本文中，我们将了解如何在 Bulma 中使导航栏透明。

使导航栏透明会从导航栏项目中删除所有活动和悬停背景。

Bulma Navbar 透明类：

• is-transparent ：此类用于导航栏容器以使导航栏透明。

句法：

    ...

示例：下面的示例显示了 Bulma 中导航栏组件上is-transparent类的实现。

HTML

   

  
   
  
   
  

   

  

      GeeksforGeeks
  
   
  
      Bulma Navbar Transparent
  
   
  

      
   
    

      

        
            
        
   
        

          
          
          
        
      
   
      

        

          
            Home
          
          
            Courses
          
        
   
        

          

            

              

                
                  Algorithms
                
              
   
              

                
                  Data Structures
                
              
            
          
        
      
    
  

输出：

参考： https://bulma.io/documentation/components/navbar/#transparent-navbar