1 <li class="nav-item dropdown"> 2 <a class="nav-link" href="#" data-toggle="dropdown">DropDown</a> 3 <div class="dropdown-menu"> 4 <a class="dropdown-item" href="#">1</a> 5 <a class="dropdown-item" href="#">2</a> 6 <a class="dropdown-item" href="#">3</a> 7 </div> 8 </li>
最近开始接触bootstrap,导航栏中下拉栏Dropdown有个标签data-toggle的使用不太了解,网上说data-toggle是指向内容,但是其中具体的逻辑不太了解,和以往我用css写下拉菜单很不同。希望能有朋友了解的能叫我一下这个data-toggle的用法和bootsrap下拉栏的具体逻辑。
data-toggle指以什么事件触发,常用的如modal,popover,tooltips等,
data-target指事件的目标,
一起使用就是代表data-target所指的元素以data-toggle指定的形式显示。
凡是 data-toggle 属性,都是 Bootstrap 绑定事件触发插件用的,没有什么其它含义