Html 单击按钮时显示引导警报

Html 单击按钮时显示引导警报,html,css,twitter-bootstrap,layout,asp.net-mvc-5,Html,Css,Twitter Bootstrap,Layout,Asp.net Mvc 5,这是代码,任何人都可以帮助我为什么我没有看到引导警报当我点击按钮,它不会显示在页面上 <!DOCTYPE html><html lang="en"><head><script type="text/javascript">$(document).ready(function(){ $('button').click(function(){ $('.alert').show() }) });</script><title&g

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

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

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

上帝保佑你。你为什么要更改整个问题?不要这样做,这样你以前的问题和所有的答案对其他人来说都是无用的…如果你需要其他问题的答案,就做一个新的。因此,请编辑您的问题,将其返回到原始问题。