显示 Bootstrap 可关闭警报

Question

我正在尝试使用 ViewBag 从我的控制器显示成功 Bootstrap 警报，但是，一旦我导航到该页面，就会显示 "close" 按钮：

一旦我保存更改，它就会正确显示警报：

导航到页面时如何取消关闭？

代码：

控制器

            ViewBag.Message = "Definition Successfully Saved!";
            ViewBag.AlertClass = "alert alert-success alert-dismissible";
            ViewBag.AlertVisibility = "";

查看

<div class="@ViewBag.AlertClass">
<button type="button" class="close" data-dismiss="alert">close</button>
<h4 class="@ViewBag.AlertVisibility text-center"><span class="glyphicon glyphicon-ok-sign"></span> @ViewBag.Message</h4>

Answer 1

bootstrap 警报必须是这样的：

<div class="@ViewBag.AlertClass fade" role="alert">
  <h4 class="text-center"><span class="glyphicon glyphicon-ok-sign"></span> 
       @ViewBag.Message</h4>
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

所以C#代码中的ViewBag.AlertClass应该等于：

ViewBag.AlertClass = "alert alert-success alert-dismissible show";

据我所知，您不需要 ViewBag.AlertVisibility 因为 show class 有角色。

显示 Bootstrap 可关闭警报

Displaying Bootstrap Dismissible Alert

html

asp.net-mvc

alert

entity-framework

twitter-bootstrap