Bootstrap Modal no funciona (no ocurre nada cuando se hace clic en el botón) - javascript, twitter-bootstrap, twitter-bootstrap-3, bootstrap-modal

He importado javascript en mi plantilla de diseño:

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js">

Tengo el siguiente modo bootstrap activado por un botón

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>

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

¿Olvidé hacer algo aquí? Nunca he hecho un bootstrap modal antes, pero esto debería abrir un modal al presionar el botón ¿correcto? Pensé que era porque tal vez faltaba javascript bootstrap pero lo importé desde el archivo min de cloudflare y todavía no hago nada. ¿Qué me estoy perdiendo?

Respuestas

Necesitas usar un script etiqueta para el bootstrap JS cdn no una link etiqueta como así:

<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

También asegúrese de que está utilizando jQuery

JavaScript de Bootstrap está escrito en una etiqueta de script, no en un enlace. El enlace uno es para CSS.

Tuya:

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js">

Debería ser:

<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>

También necesitas incluir jQuery así

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

De lo contrario, su código está bien!