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

📅  最后修改于: 2021-11-08 05:22:21             🧑  作者: Mango

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

主要目的是将下拉菜单和搜索框对齐在一条直线上。

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

HTML


  

    
    
  
    
    
  
    
  
    
    
  
    
  
    

  

  
    
    

  

HTML


  

    
    
  
    
    
  
    
  
    
    
  
    
  
    

  

    

        Dropdown menu and search box 
        without navigation bar
    

  
    

  

输出：

示例 2：

HTML 



  

    
    
  
    
    
  
    
  
    
    
  
    
  
    

  

    

        Dropdown menu and search box 
        without navigation bar
    

  
    

  

输出：