📜  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

结果

验证结果。