📌  相关文章
📜  Materialize-导航栏

📅  最后修改于: 2020-10-22 08:28:31             🧑  作者: Mango

 

Materialize提供了各种CSS类，可以轻松地创建漂亮的导航栏。下表列出了可用的类及其效果。

Sr.No. Class Name & Description
1 nav-wrapper

Sets the nav component as nav bar/breadcrumb wrapper.
2 brand-logo

Sets the anchor element as the main logo.
3 nav-mobile

Sets the ul element as a navigation bar.

例

以下示例演示了使用导航栏类来展示各种导航栏。

materialize_navbar.htm

The Materialize NavBar Example
            
      
      
                 
           
      
      
   
   
    
      

         

            
Right Aligned Nav Bar

            
         

      

      
      

         

            
Left Aligned Nav Bar

            
         

      

      
      

         

            
Center Aligned Nav Bar

            
         

      

      
      

         

            
Nav Bar with Active link

            
         

      

      
      

         

            
Nav Bar with dropdown menu

            
            
            
         

      

      
      

         

            
Nav Bar with Links and Icons

结果

验证结果。