gpt4 book ai didi

html - 单击按钮时显示 Bootstrap 警报

转载 作者:行者123 更新时间:2023-11-28 17:09:34 25 4
gpt4 key购买 nike

这是代码,所以任何人都可以帮助我为什么当我点击按钮时我没有看到 Bootstrap 警报,它不会显示在页面上!

<!DOCTYPE html><html lang="en"><head><script type="text/javascript">$(document).ready(function(){
$('button').click(function(){
$('.alert').show()
}) });</script><title>Bootstrap Example</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

.alert{显示:无;}

    </div>

<div class="col-md-6">
<div style="border: 1px solid black; height: 100px;">

</div>
<div style="border: 1px solid black; height: 100px;">
</div>
</div>


<div class="container">
<button>Send Message</button>
<div class="alert alert-success alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
Success! message sent successfully.
</div>

</div>

最佳答案

当您不提供您的实际代码时,这真的很难,但是...这里有一个想法,可以使用 Bootstrap 中的类实现类似于图片中的内容:

<div class="container">
<div class="row">
<div class="col-md-5" style="border: 1px solid black; height: 600px;">
content here -->
</div>

<div class="col-md-7">
<div class="row">
<div class="col-md-12" style="border: 1px solid black; height: 300px;">
content here -->
</div>
</div>
<div class="row">

<div class="col-md-12" style="border: 1px solid black; height: 300px;">
content here -->
</div>
</div>
</div>
</div>
</div>

在您指向 Bootstrap 文件的环境中尝试此代码,否则它将完全错误。

关于html - 单击按钮时显示 Bootstrap 警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46938945/

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