Bootstrap-下拉菜单 - 芒果文档

📌 相关文章

📜 Bootstrap-下拉菜单

📅 最后修改于: 2020-10-27 06:07:12 🧑 作者: Mango

本章将重点介绍Bootstrap下拉菜单。下拉菜单是可切换的上下文菜单，用于以列表格式显示链接。可以通过下拉JavaScript插件进行交互。

要使用下拉菜单，只需将下拉菜单包装在类.dropdown中。以下示例演示了一个基本的下拉菜单-


   
   
   
   
      
         Java
      
      
      
         Data Mining
      
      
      
         
            Data Communication/Networking
         
      
      
      
      
      

         Separated link

选件

对准

通过将类.pull-right添加到.dropdown-menu，使下拉菜单与右侧对齐。以下示例演示了这一点-

现场演示


   
   
   
   
      
         Java
      
      
      
         Data Mining
      
      
      
         
            Data Communication/Networking
         
      
      
      
      
      

         Separated link

标头

您可以使用dropdown-header类在任何下拉菜单中为操作的标签添加标题。以下示例演示了这一点-

现场演示


   
   
   
   
      Dropdown header
      
      
         Java
      
      
      
         Data Mining
      
      
      
         
            Data Communication/Networking
         
      
      
      
      
Dropdown header
      
      
         Separated link