布尔玛导航栏项目

Bulma是 Jeremy Thomas 开发的开源 CSS 框架。该框架基于 CSS Flexbox 属性。它具有高度响应性，最大限度地减少了对响应行为的媒体查询的使用。

Navbar是具有一些项目、链接、按钮等的水平导航栏。navbar-item是可重复的项目，可以是链接、徽标、下拉菜单、文本等。navbar-item类可以与锚一起使用标签 或

标签。

句法：

      <-- Navbar items -->

示例 1：当我们想使用类navbar-item创建一些导航栏项目时，请参考以下代码。

HTML

  

    
    

  

    
GeeksforGeeks
    Bulma Navbar items
    

        Home
        Menu
        Login        
    

输出：

示例 2：当我们想使用类navbar-item和has-dropdown创建一些带有下拉菜单的项目时，请参考以下代码。

HTML

  

    
    

  

    
GeeksforGeeks
    Bulma Navbar items
    

        Home
        Menu
        Login
        
            GeeksforGeeks
        
          
        

            <-- dropdown items -->
        
    

输出：

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