它是一个 Bootstrap 数据属性，可自动将元素与它所在的小部件类型挂钩。Data-* 是 html5 规范的一部分，而 data-toggle
是特定于 Bootstrap 的。

一些例子：

data-toggle="modal"
data-toggle="collapse"
data-toggle="dropdown"
data-toggle="tab"

浏览Bootstrap JavaScript 文档并搜索 data-toggle，您将看到它在代码示例中使用。

一个工作示例：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>



<div class="dropdown">

  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>

  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">

    <li><a href="#">Item</a></li>

  </ul>

</div>