📌  相关文章
📜  如何使用Bootstrap在同一行中设置下拉菜单和搜索框？

📅  最后修改于: 2021-05-25 16:25:43             🧑  作者: Mango

下拉菜单是一种菜单类型，通过使用下拉菜单，用户可以从给定的预定义集中选择某些内容。这是一个可切换的菜单，这意味着它在用户单击菜单时出现。搜索框是一种框，您可以在其中编写要搜索的字符串。

主要目的是使下拉菜单和搜索框沿直线对齐。

示例1：我们将创建一个导航栏，并创建一个下拉菜单和搜索框，它们最初不会以直线显示。我们可以使用列表形式的HTML结构的无序列表“ ul”。

HTML


  

    
    
  
    
    
  
    
  
    
    
  
    
  
    

  

  
    
    

  

HTML


  

    
    
  
    
    
  
    
  
    
    
  
    
  
    

  

    

        Dropdown menu and search box 
        without navigation bar
    

  
    

  

输出：

范例2：

的HTML 



  

    
    
  
    
    
  
    
  
    
    
  
    
  
    

  

    

        Dropdown menu and search box 
        without navigation bar
    

  
    

  

输出：