📌  相关文章
📜  Bulma 导航栏助手类

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

Bulma 导航栏助手类

Bulma是 Jeremy Thomas 开发的开源 CSS 框架。该框架基于 CSS Flexbox 属性。它具有高度响应性，最大限度地减少了对响应行为的媒体查询的使用。导航栏助手类的两种类型是间距和阴影，下面将讨论它们的示例。

Bulma Navbar 助手类：

  • is-spaced：该类用于在导航栏组件中添加填充。它从顶部和底部以1rem设置导航栏的填充，在左侧和右侧以2rem大小设置。
  • has-shadow：该类用于在导航栏组件周围添加阴影。

句法：

示例 1：下面的示例说明了 Navbar is-spaced helper 类。注意输出中导航栏组件周围的空间。

HTML


  
    
    
    
    
  
  
    

      
      
    

  

HTML


  
    
    
    
    
  
  
    

      
      
    

  

输出：

示例 2：下面的示例说明了 Navbar has-shadow辅助类。

HTML 



  
    
    
    
    
  
  
    

      
      
    

  

输出：

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