Bootstrap 往下拉莱单

2021-01-22 00:02

Bootstrap 往下拉莱单 这一章解读了往下拉莱单，可是沒有涉及到到互动一部分，此章将实际解读往下拉莱单的互动。应用往下拉莱单（Dropdown）软件，您能够向一切部件（例如导航栏栏、标识页、胶囊式导航栏莱单、按键等）加上往下拉莱单。

假如您要想独立引入该软件的作用，那麼您必须引入 dropdown.js。或是，如同 Bootstrap 软件概览 一章中常提及，您能够引入 bootstrap.js 或缩小版的 bootstrap.min.js。

您能够转换往下拉莱单（Dropdown）软件的掩藏內容：

根据 data 特性：向连接或按键加上 data_toggle="dropdown" 来转换往下拉莱单，以下所显示：

 div 
 a data_toggle="dropdown" href="#" 往下拉莱单（Dropdown）开启器 /a 
 ul role="menu" aria_labelledby="dLabel" 
 /ul 
 /div 

假如您必须维持连接详细（在访问器不开启 JavaScript 时有效），请应用 data_target 特性替代 href="#"：

 div 
 " 
 往下拉莱单（Dropdown） span /span