问Bootstrap 3中的``data target`属性是什么？

EN

bootstrap使用data-target使您的工作更轻松。您(大多数情况下)不需要编写一行Javascript就可以使用他们预制的JavaScript components。

data-target属性应该包含一个CSS选择器，该选择器指向要更改的HTML元素。

Modal Example Code from BS3

<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  [...]
</div>

在这个例子中，按钮有data-target="#myModal"，如果你点击它，<div id="myModal">...</div>会被修改(在这种情况下是淡入的)。这是因为CSS选择器中的#myModal指向具有id属性和myModal值的元素。

有关数据“HTML5 -”属性的更多信息：https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

切换告诉Bootstrap要做什么，目标告诉Bootstrap要打开哪个元素。因此，无论何时单击这样的链接，都会出现一个id为“basicModal”的模式。