使用Dropdown插件，您可以将下拉菜单添加到导航栏，标签，药片和按钮等任何组件。

如果要单独包含此插件功能，则需要dropdown.js 。另外，如“ Bootstrap插件概述”一章所述，您可以包含bootstrap.js或缩小的bootstrap.min.js 。

用法

您可以切换下拉插件的隐藏内容-

• 通过数据属性-将data-toggle =“ dropdown”添加到链接或按钮以切换下拉菜单，如下所示-

   Dropdown trigger
   
   

      ...
   
    

• 如果您需要保持链接完整(如果浏览器未启用JavaScript则非常有用)，请使用data-target属性代替href =“＃” –

   
      Dropdown 
      
   
   
   

      ...
   
    

• 通过JavaScript-要通过JavaScript调用下拉切换，请使用以下方法-

$('.dropdown-toggle').dropdown()

例

在导航栏中

以下示例演示了导航栏内下拉菜单的用法-

在标签内

以下示例演示了选项卡中下拉菜单的用法-

Tabs With Dropdown Example


   
Home
   
SVN
   
iOS
   
VB.Net
   
   

      
         Java 
         
      
      
      

         
Swing
         
jMeter
         
EJB
         
         

         
Separated link
      
      
   
    
   
PHP

选件

没有选择。

方法

下拉开关具有显示或隐藏下拉菜单的简单方法。

$().dropdown('toggle')

例

以下示例演示了dropdown插件方法的用法。