twitter-bootstrap - Bootstrap 3中的关闭面板

标签 twitter-bootstrap

我有以下代码:

<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

最佳答案

根据 Relequestual's code ,您似乎错过了 target 中的主题标签参数和 dismiss参数应该保持设置为 alert .

示例:http://jsfiddle.net/y9yroaee/

关于twitter-bootstrap - Bootstrap 3中的关闭面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32249250/

相关文章:

html - 在 Bootstrap 3 响应式设计中将水平列表居中

javascript - 带有上一个和下一个箭头的 Bootstrap 旋转木马图像指示器

html - 悬停时二级垂直菜单消失

html - 填充边距内的边框和背景,带有 Bootstrap 列

javascript - Bootstrap 选择下拉菜单未出现

html - Bootstrap anchor 偏移问题

twitter-bootstrap - 使用 Backbone.Marionette 呈现 Twitter Bootstrap 兼容的选项卡标记

css - Bootstrap 容器中的内容高度为 100%

html - Bootstrap glyphicon 作为按钮显示在 table 上

html - 调整浏览器大小时居中的内容会移到页面的右侧