bootstrap没有被解雇的警告

时间:2015-08-03 05:45:16

标签: html twitter-bootstrap

我是初学者。从我见过的教程

<div  class="alert alert-warning" style="margin-left: 480px;margin-top: 20px;width: 500px;">
 Warning Message Here 
</div>

这应该给我一个不允许的警告信息。

但是我收到了一条警告信息,但并没有被忽视。

我的代码有什么问题吗?

2 个答案:

答案 0 :(得分:1)

是的,你错过了关闭按钮和javascript代码。

按钮标记将为您提供x符号,您需要添加正确的类。

<div class="alert alert-warning alert-dismissible" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 Warning message here
</div>

答案 1 :(得分:1)

你需要像这样使用 -

<div role="alert" class="alert alert-warning alert-dismissible fade in"  style="margin-left: 480px;margin-top: 20px;width: 500px;">
   <button aria-label="Close" data-dismiss="alert" class="close" type="button"><span aria-hidden="true">×</span></button>
   <strong>Holy guacamole!</strong>  Warning Message Here 
</div>

查看更多details