如何在 Bootstrap 中创建选项卡式导航菜单？

每个网站都使用导航栏，使其更加人性化，使网站导航变得容易，用户可以直接搜索他们感兴趣的主题。导航栏位于页面顶部。

基于标签的导航 是使用选项卡式部分在单个网页上显示大量内容的最有效方法之一。用户可以在不离开页面的情况下通过在窗格之间切换来快速访问内容。

方法：要创建选项卡式导航菜单，请创建一个基本的无序列表，将列表项作为链接。然后将bootstrap 的类 nav和nav-tabs添加到无序列表，将nav-items类添加到列表项。

示例 1：

HTML

  
    
    
  
    
  
    
    
    
    
    
    
  
  
    
      GeeksforGeeks
      Navigation Bar
    
    
      
        Home
      
      
        Courses
      
      
        Articles
      
      
        
          Not Servicable
        
      
    
  

输出：

导航标签

示例 2：以下代码显示导航选项卡之一中的下拉列表。

HTML

  
    Navigation Bar
  
    
    
  
    
  
    
     
  
  
    
      GeeksforGeeks
      Navigation Bar
    
    
      
         Home 
      
      
        
          Courses
        
        
          for 10
          for 12
          Graduation
        
      
      
        Articles
      
      
         Not Servicable 
      
    
  

输出：