Bootstrap alert-dismissible 未显示在警报 div 中答案

【问题标题】：Bootstrap alert-dismissible not showing in alert divBootstrap alert-dismissible 未显示在警报 div 中
【发布时间】：2015-09-13 19:14:21
【问题描述】：

这是我的fiddle，我试图在点击事件的引导程序井上覆盖引导程序警报，但未显示“警报可关闭”关闭框！如何在单击可关闭警报的“x”时显示此信息以及如何隐藏警报消息？

$('.well').on('click', function() {
  $('.alert').show();
  $('.alert').addcss('z-index: 1'); //.addClass('position: absolute');
})

.well,
.alert {
  position: absolute;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="well">Text Inside A Well</div>
<div style="display: none" class="alert alert-success alert-dismissible">Test</Div>

【问题讨论】：

w3schools.com/bootstrap/…

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

以下代码在没有javascript/jQuery 的情况下适用于我：

<div class="well">Text Inside A Well
<div class="alert alert-success"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>Test</div>
</div>

【讨论】：

【解决方案2】：

1.您在警报div 中错过了以下 HTML。

<button type="button" class="close" data-dismiss="alert" aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>

2.addcss 不起作用。应该是css

Demo

3. 上面小提琴中的关闭按钮从 DOM 中删除了 alert div。如果您想重用div，请查看此fiddle

【讨论】：