引导警报不关闭clickign X按钮

Question

我正在使用引导程序3，并且当单击x按钮时我的警报元素未关闭。我的代码如下所示 - 注意css类的“modalEditError”并不存在，那是我试图在类名称的机制函数而不是id值的情况下关闭它。

<div class="alert alert-error modalEditError" runat ="server" id="modalEditError" visible ="false"> 
    <button class="close" type="button" data-dismiss="modalEditError">×</button> 
    <strong>The updated interview information was not saved!</strong> <div id="Div2" runat="server" ></div> 
</div> 

Answer 1

您的代码缺少alert-dismissible类，和你data-dismiss按钮应该针对alert：

<div class="alert alert-danger alert-dismissible" runat ="server" id="modalEditError" visible ="false"> 
    <button class="close" type="button" data-dismiss="alert">×</button> 
    <strong>The updated interview information was not saved!</strong> <div id="Div2" runat="server" ></div> 
</div> 

还要注意，alert-error不是引导类，但alert-danger（红色）。

Bootply Example

Bootstrap Alert Documentation