twitter-bootstrap – 使用Twitter Bootstrap的警报关闭不工作？

发布时间：2020-12-18 00:17:15 所属栏目：安全来源：网络整理

导读：我正在使用Google Chrome. 使用 Twitter Bootstrap,我想添加一个简单的警报,不幸的是,alert不是在x被按下时被解雇！这是我的基于alert文档的代码： !DOCTYPE htmlhtml head script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"

我正在使用Google Chrome.
使用 Twitter Bootstrap,我想添加一个简单的警报,不幸的是,alert不是在x被按下时被解雇！

这是我的基于alert文档的代码：

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>    
    <div class="alert">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>Warning!</strong> Best check yo self,you're not looking too good.
    </div>      
  </body>
</html>

我也试过：

<!DOCTYPE html>
  <html>
    <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
      <!-- Bootstrap -->
      <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    </head>
    <body>    
    <div class="alert">
        <a href="#" class="close" data-dismiss="alert">×</a>
        <strong>Warning!</strong> Best check yo self,you're not looking too good.
    </div>      
    </body>
  </html>

缺少什么是让它解雇？

解决方法

感谢 davidkonrad的评论.
解决方法是微不足道的,添加：

<script src="js/bootstrap.min.js"></script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!