Question

在您执行折叠效果的引导程序中，如下所示：

<p>
  <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Link with href
  </a>
  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Button with data-target
  </button>
</p>
<div class="collapse" id="collapseExample">
  <div class="card card-block">
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
  </div>
</div>

为什么按钮会引用效果的面板data-toggle=collapse和面板的data-target=#collapseExample？只是让ID足够足以切换其状态？

是因为数据切换指的是它将使用什么样的效果因此以它为目标？

Answer 1

使用了data-toggle和data-target属性，因为data-toggle也被其他Bootstrap组件使用（即;折叠，模态，制表符，下拉列表等）。

通过指定data-toggle="collapse"，您告诉Bootstrap API将折叠行为应用于data-target指定的元素。如果您只指定了data-target，那么API无法了解要使用哪个Component。

为什么bootstrap都需要类名和Id名称才能崩溃？

1 个答案: