Bootstrap 3中的关闭面板答案

【问题标题】：Dismiss panel in Bootstrap 3Bootstrap 3中的关闭面板
【发布时间】：2015-11-21 19:53:03
【问题描述】：

我有以下代码：

<div class="col-md-6">
    <div class="panel panel-primary copyright-wrap" id="copyright-wrap">
        <div class="panel-heading">
            Copyright Info
            <button type="button" class="close"
                    data-target="copyright-wrap"
                    data-dismiss="panel">
                <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
            </button>
        </div>
        <div class="panel-body">
            &copy; some random dude
        </div>
    </div>
</div>

但由于某种原因，它不起作用。 panel 甚至可以解雇吗？我找到了警报和模式的解决方案，但没有找到面板的解决方案。另一个人说，有一个未记录的功能（How can I dismiss a bootstrap panel using data-dismiss?）

但这也没有用。

看看这个JSFiddle

【问题讨论】：

标签： twitter-bootstrap

【解决方案1】：

根据Relequestual's code，您似乎缺少target 参数中的主题标签，而dismiss 参数应该保持设置为alert。

例如：http://jsfiddle.net/y9yroaee/

【讨论】：

【解决方案2】：

请使用此示例代码：

<div class="panel panel-default fade in collapse" id="demo" >
<div class="panel-heading"> <a data-toggle="collapse"   href="#demo"  class="close" >&times </a>
</div><div class="panel-body"></div></div>

【讨论】：