Twitter bootstrap 引导模式不工作,不';t弹出窗口
我正在使用Bootstrap网站上提供的模板模式,但由于某些原因,它不起作用。按钮显示为手动图标,因此我知道我的CDN是正确的。我错在哪里Twitter bootstrap 引导模式不工作,不';t弹出窗口,twitter-bootstrap,Twitter Bootstrap,我正在使用Bootstrap网站上提供的模板模式,但由于某些原因,它不起作用。按钮显示为手动图标,因此我知道我的CDN是正确的。我错在哪里 <a href="#myModal" role="button" class="btn btn-warning" data-toggle="modal"><span class="glyphicon glyphicon-hand-up"></span> My information</a> <div cl
<a href="#myModal" role="button" class="btn btn-warning" data-toggle="modal"><span class="glyphicon glyphicon-hand-up"></span> My information</a>
<div class="modal fade" tabindex="-1" role="dialog" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"> Enter your information</h4>
</div>
<div class="modal-body">
<h4> Text about you</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</div>
&时代;
输入您的信息
关于你的短信
接近
保存更改
错误在您的按钮内。您需要将数据切换
设置为模式
,将数据目标
设置为模式的ID,即#myModal
<a role="button" class="btn btn-warning" data-toggle="modal" data-target="#myModal">
<span class="glyphicon glyphicon-hand-up"></span> My information
</a>
<div class="modal fade" role="dialog" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"> Enter your information</h4>
</div>
<div class="modal-body">
<h4> Text about you</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
确保您的js
文件的顺序如下并且存在
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
似乎您还没有包含jquery
文件。
这是一个