I have a problem with my bootstrap modal. It is as simple as possible, I took the example from the bootstrap site itself to test it however when I click the button, it opens and closes immediately afterwards
<button type="button" class="btn btn-warning btn-lg" data-target="#modal" data-toggle="modal" id="botao_pedido">Faça seu pedido</button>
<div class="modal fade" id="modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
Olá
</div>
</div><!--modal-content-->
</div><!--modal-dialog-->