如何制作Bootstrap版本2标签下拉菜单？

使用简单的Bootstrap插件，您可以使用下拉列表类在选项卡中添加下拉菜单。 nav和nav-tabs类也用于实现此目的。

首先，制作一个无序列表，并给它一个nav和nav-tabs类。现在，将一类下拉列表提供给您希望作为下拉列表使用的列表项标签。

下一步是为下拉选项卡创建无序列表，并为其提供一类下拉菜单。

您还可以通过编写自己的CSS并覆盖Bootstrap的CSS来自定义下拉菜单和导航链接。这是相同的工作示例。

例子：

      

  
  

  


  


    Home
  
Section1
Section2
  

            
                Section4 
                      
                
            

                

                    Sub-section 1
                

                    Sub-section 2
                

                    Sub-section 3
            
 
  

            
                Section4 
                      
                
            

                

                    Sub-section 1
                

                    Sub-section 2
                

                    Sub-section 3
            
 
  
  
  


    Bootstrap is a free and open-source tool
    collection for creating responsive websites
    and web applications. It is the most popular
    HTML, CSS, and JavaScript framework for 
    developing responsive, mobile-first web sites.
    Nowadays, the websites are perfect for all
    the browsers (IE, Firefox and Chrome) and for
    all sizes of screens (Desktop, Tablets,
    Phablets, and Phones). All thanks to 
    Bootstrap developers – Mark Otto and Jacob
    Thornton of Twitter, though it was later 
    declared to be an open-source project.
    
 
Bootstrap is a free and open-source tool
    collection for creating responsive websites
    and web applications. 
 
Bootstrap is a free and open-source tool
    collection for creating responsive websites
    and web applications.
  
 
Bootstrap is a free and open-source tool
    collection for creating responsive websites
    and web applications.
  

    Sub section1 content

    Sub Section 2 content
  

  

  

                    

输出