如何使用数据解除来解除引导面板？

Question

我有一个打开面板的按钮,我希望能像关闭警报一样关闭它.

bootstrap docs中的Default面板示例

<div class="panel panel-default">
  <div class="panel-heading">Panel heading without title</div>
  <div class="panel-body">
    Panel content
  </div>
</div>

如果我向面板标题添加一个关闭按钮,如警告所示,该按钮仅删除标题.

Answer 1

您可以通过使用非文档功能来设置解雇操作的目标来执行此操作...

<button type="button" class="close" 
data-target="#id_of_panel" 
data-dismiss="alert">
<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
</button>

这将使关闭按钮关闭面板而不是其父元素.