Je suis coincé. Étant donné que Bootstrap 3.0 est sur le point d'être publié, j'ai décidé de l'utiliser pour un nouveau projet. Les choses vont bien jusqu'ici, mais pour la vie de moi, je ne peux pas comprendre comment faire une boîte de dialogue modale dans Bootstrap 3.0.Bootstrap 3.0 Modal
Est-ce que quelqu'un a un exemple simple?
Vous pouvez essayer de construire les docs: Compile Twitter bootstrap 3 docs (How to)? donc aussi http://bassjobsen.weblogs.fm/explore-and-install-twitter-bootstrap-3/ des docs:
<!-- Button trigger modal -->
<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">×</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 -->
</div><!-- /.modal -->
Cela a fonctionné. Simple. Je ne savais pas ce que je faisais mal. Je viens de tout arracher et j'ai commencé avec ça. Merci! – Eric
J'ai aussi un problème avec le modal, et je recadre directement depuis la démo sur le site. Appuyez sur "Lancer le lien modal dmeo dans la barre de titre." Http://jsfiddle.net/RMgZV/2/ – andyczerwonka
@andyczerwonka copiez le code HTML de votre modal dans un endroit qui n'est pas dans la barre de navigation. kcS2N/1 / –
Je me bats contre le même problème et grâce à cette conversation, j'ai trouvé mon erreur. Tout en utilisant TwitterBootstrap3, vous avez besoin des choses suivantes:
Un bouton déclencheur
<a data-toggle="modal"
href="#myModal"
class="btn btn-primary btn-lg"
>Launch demo modal</a>
Un un div avec cette structure minimun:
<div class="modal fade"
id="myModal"
tabindex="-1"
role="dialog"
aria-labelledby="myModalLabel"
aria-hidden="true"
>
<div class="modal-dialog">
<div class="modal-content">
<!-- blah blah content here -->
</div>
</div>
</div>
Il est important de savoir que si vous ne 't place modal-dialogue et le contenu du modèle, la fenêtre modale ne sera pas ouverte correctement
J'ai trouvé un très bien exemple que vous pouvez aussi télécharger un zip avec tous les exemples de code sur Booststrap 3 Modal.
J'espère que cette aide vous aussi!
Il y a des informations sur le modal Bootstrap 3 ici: https://github.com/twitter/bootstrap/pull/6342 - Mais il devrait fondamentalement fonctionner de la même manière que le modal 2.x. Qu'avez-vous essayé jusqu'à présent? – ZimSystem
Voici une démo de travail http://www.bootply.com/67046 pour le modal BS3 – ZimSystem