我正在用bootstrap做一个网站。
基本上，我想在主页中使用一个模态，通过Hero Unit中的按钮来调用。
按钮代码:
<button type="button"
class="btn btn-warning btn-large"
data-toggle="modal"
data-target="#myModal">Open Modal</button>
模态代码:
<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">In Costruzione</h3>
</div>
<div class="modal-body">
<p>Test Modal: Bootstrap</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Chiudi</button>
<button class="btn btn-warning">Salva</button>
</div>
</div>
问题是，只要我点击按钮，模态就会淡入，然后立即消失。
我很感激你的帮助。
此外，如何改变下拉三角形的颜色(指向向上，没有悬停)?我正在做一个基于橙色和棕色的网站，那个蓝色的东西真的很烦人。
在我的情况下，我在MVC中使用actionlink按钮，我面临这个问题，我尝试了上面和其他许多解决方案，但仍然面临这个问题，然后我意识到我在代码中的错误。
我在javascript中调用了modal
$('#ModalId').modal('show');
在出现错误之前，我使用了这个按钮
<a href="" onclick="return Edit();" class="btn btn-primary">Edit</a>
我在这个按钮中没有href属性的值，所以我面临这个问题。
然后像这样编辑按钮代码
<a href="#" onclick="return Edit();" class="btn btn-primary">Edit</a>
然后问题得到解决，只是一个错误，因为没有#在第一个。
看看这对你是否有帮助。
在我的情况下，我在MVC中使用actionlink按钮，我面临这个问题，我尝试了上面和其他许多解决方案，但仍然面临这个问题，然后我意识到我在代码中的错误。
我在javascript中调用了modal
$('#ModalId').modal('show');
在出现错误之前，我使用了这个按钮
<a href="" onclick="return Edit();" class="btn btn-primary">Edit</a>
我在这个按钮中没有href属性的值，所以我面临这个问题。
然后像这样编辑按钮代码
<a href="#" onclick="return Edit();" class="btn btn-primary">Edit</a>
然后问题得到解决，只是一个错误，因为没有#在第一个。
看看这对你是否有帮助。
以防任何人使用codeigniter 3引导数据表。
下面是我在config/ci_boostrap.php中的修复
//'assets/dist/frontend/lib.min.js',
//lib.min.js has conflict with datatables.js and i removed it replace with jquery.js
'assets/dist/frontend/jquery-3.3.1.min.js',
'assets/dist/frontend/app.min.js',
'assets/dist/datatables.js'
