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">×</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>
在指向引导文件的环境中尝试此代码,否则将完全错误。上帝保佑你。你为什么要更改整个问题?不要这样做,这样你以前的问题和所有的答案对其他人来说都是无用的…如果你需要其他问题的答案,就做一个新的。因此,请编辑您的问题,将其返回到原始问题。