gpt4 book ai didi

twitter-bootstrap - Bootstrap 警报没有显示关闭按钮

转载 作者:行者123 更新时间:2023-12-04 07:50:50 25 4
gpt4 key购买 nike

我有以下使用 Bootstrap 的 html。它在大多数情况下都有效 - 但是 关闭按钮 没有出现在警报中。我在这里缺少的代码是什么?请注意,我是 Bootstrap 的新手——所以,这可能很简单。

fiddle : http://jsfiddle.net/LijoCheeran/vxbt960c/

代码

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>

<body>

<h1>Hello, world!</h1>

<div class="alert alert-success">
<strong>Success!</strong> Bootstrap applied to alert.
</div>


<div style = "padding: 10px 10px 10px;">
<form class = "bs-example bs-example-form" role = "form">
<div class = "input-group">
<span class = "input-group-addon">$</span>
<input type = "text" class = "form-control" placeholder = "Amount">
<span class = "input-group-addon">.00</span>
</div>
</form>
</div>

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>

</html>

最佳答案

您在代码中缺少这一行。

   <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>

例如:
    <div class="alert alert-success">
<!-- you missed this line of code -->
<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
<strong>Success!</strong> Bootstrap applied to alert.
</div>

祝你好运

关于twitter-bootstrap - Bootstrap 警报没有显示关闭按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40579865/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com