Question

我正在尝试使用Twitter Bootstrap创建一个详细描述Minecraft服务器统计信息的网站，以便我的用户轻松了解哪个服务器在线。但是，当我在Twitter Bootstrap中使用警报组件时，我无法解除警报。这是我的代码：

<!DOCTYPE html>

<title>Dillon's Minecraft Servers</title>

<ul class="nav nav-tabs">
    <li><a href="index.htm">Home</a></li>
    <li class="active"><a href="#">Vanilla</a></li>
    <li><a href="ftb.htm">Feed the Beast</a></li>
    <li><a href="bigdig.htm">Big Dig</a></li>
</ul>

<div class="hero-unit">
    <h2>Vanilla</h2>
    <p>The Vanilla server runs just plain Minecraft. It has some advanced features like Mob Arenas, anti-cheat, and MMO-like leveling.</p>
</div>

<div class="alert">
<a href="#" class="close" data-dismiss="alert">&times;</a>
    <strong>Warning!</strong> This server is currently offline.
</div>

Answer 1

没关系。我发现了我的问题。我忘了将jquery脚本添加到标题中。对不起。

Answer 2

您是否考虑使用<button>而不是<a>。这就是我在Bootstrap页面上所做的，因为我遇到了类似的问题。没有解决这个问题，但这是一个有效的方法

<button type="button" class="close" data-dismiss="alert">&times;</button>

Answer 3

确保在button.js！

之前加载了jquery.min.js

Twitter Bootstrap Dismiss按钮不起作用

3 个答案: