Question

这是代码，所以任何人都可以帮助我，为什么我点击按钮时看不到引导警报，它不会显示在页面上！

<!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 {display：none;}

    </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>

Answer 1

当你不提供实际的代码时，它真的很难，但是...这里有一个想法，使用bootstrap中的类来实现类似于图片中的内容：

{{1}}

在指向引导程序文件的环境中尝试此代码，否则将完全错误。

单击按钮时显示引导警报

1 个答案: