Bootstrap - Modal não está funcionando? - jquery, html, css, twitter-bootstrap, twitter-bootstrap-3

Eu sou bastante novo para Bootstrap e web design em geral. Eu simplesmente não entendo porque certas coisas no Bootstrap não funcionam! Atualmente, estou tentando usar um modal.

Desencadear:

<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Launch demo modal</a>

Modal:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
...
</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><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

Eu tentei fazer meu próprio Modal e ele não vai funcionar, então eu mesmo apenas puxei este código de um artigo do Stack Overflow e ele não parece funcionar para mim.

Por que não vai funcionar?

Scripts:

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/init.js"></script>

Respostas:

Assumindo que você está usando o Bootstrap 3, como este códigosugere, o código está correto. Você incluiu o recurso bootstrap.js ou bootstrap.min.js no cabeçalho da sua página? O modal requer um desses arquivos js.

Essa solução definitivamente funcionará, mas isso não é uma boa ideia, Como eu entendo que você quer mostrar modal na âncora click.just fazer uma coisa. Na âncora clique em usar isso ..

$(function(){
$(".btn-lg").click(function(){
$("#myModal").toggleClass("in");
});
});

Por favor, deixe-me saber se isso ajuda você eu vou criar um trecho, se quiser.