bootstrap中下拉栏的使用

Question

<li class="nav-item dropdown">

                    <a class="nav-link" href="#" data-toggle="dropdown">DropDown</a>

                    <div class="dropdown-menu">

                        <a class="dropdown-item" href="#">1</a>

                        <a class="dropdown-item" href="#">2</a>

                        <a class="dropdown-item" href="#">3</a>

                    </div>

</li>

最近开始接触bootstrap，导航栏中下拉栏Dropdown有个标签data-toggle的使用不太了解，网上说data-toggle是指向内容，但是其中具体的逻辑不太了解，和以往我用css写下拉菜单很不同。希望能有朋友了解的能叫我一下这个data-toggle的用法和bootsrap下拉栏的具体逻辑。

Answer 1

凡是&nbsp;data-toggle 属性，都是 Bootstrap 绑定事件触发插件用的，没有什么其它含义

Answer 2

data-toggle指以什么事件触发，常用的如modal,popover,tooltips等，data-target指事件的目标，一起使用就是代表data-target所指的元素以data-toggle指定的形式显示。