Actually, if you include bootstrap.js or bootstrap.min.js you *do not* need to include any other js file (though it still requires jQuery).
Plugins can be included individually (though some have required > dependencies), or all at once. Both *bootstrap.js* and > *bootstrap.min.js*contain all plugins in a single file. http://twitter.github.io/bootstrap/javascript.html#overview That means you only need to use this : <script src="bootstrap.js" type="text/javascript"></script> OR this <script src="bootstrap.min.js" type="text/javascript"></script> You can check an example with TWBS 2.3.1 here : http://jsbin.com/azoboc/3/ *About the OP : * In order to make the modal appear directly, you need to add the *.in* class to the modal. You would still need to activate the modal in some way. This is shown here with TWBS 2.0.4 : http://jsbin.com/azoboc/4/ $('#myModal').modal({show: false}); <div id="myModal" class="modal fade in"> If you want the backdrop, you should use the JavaScript initialization rather than adding the classes manually (as shown in the first example). Hope this helps the next reader. On Friday, May 10, 2013 4:00:20 PM UTC+2, André Augusto wrote: > > Thank you Sven! > > It's been some time that it was answered, but I may say, your tip showed > me the right way. > I just think you've miswrite your answer, then for completeness sake, here > is what worked for me: > > <script src="bootstrap-modal.js" type="text/javascript"></script> > <script src="bootstrap.js" type="text/javascript"></script> > > instead of > > <script src="bootstrap.js" type="text/javascript"></script> > <script src="bootstrap-modal.js" type="text/javascript"></script> > > Then again, thank you! > > Em quinta-feira, 16 de fevereiro de 2012 10h20min07s UTC-3, Sven escreveu: >> >> Okay found the issue on my side... >> >> I used: >> >> <script src="bootstrap-modal.js" type="text/javascript" /> >> <script src="bootstrap-transition.js" type="text/javascript" /> >> >> instead of: >> >> <script src="bootstrap-modal.js" type="text/javascript"></script> >> <script src="bootstrap-transition.js" type="text/javascript"></ >> script> >> >> Crazy stuff ;) >> >> On 16 Feb., 14:11, Sven <[email protected]> wrote: >> > I'm having the same problems and do not know where the problem is. >> > Hope somebody can help. >> > >> > Same issue, Bootstrap 2.0, jquery 1.7.1 >> > >> > Adding all bootstrap libraries didn't solve that problem. The dialog >> > just doesn't want to appear. >> > >> > Regards >> > >> > On 8 Feb., 02:01, Sean Mills <[email protected]> wrote: >> > >> > >> > >> > >> > >> > >> > >> > > Not sure if that helps, but I think you only need the attribute >> > > href="#deleteConfirmation", since you are using an anchor tag to >> > > launch the modal. >> > >> > > On Tue, Feb 7, 2012 at 7:56 PM, ChrisW <[email protected]> wrote: >> > > > Thanks, but I've already tried that. Attached is code where I've >> added the >> > > > "hide fade" classes and linked in the bootstrap-transition.js. The >> dialog >> > > > doesn't appear on page load, but it also doesn't appear on button >> click. >> > >> > > > Chris >> > >> > > > <body> >> > > > <a class="btn btn-danger" data-toggle="modal" >> > > > data-target="#deleteConfirmation" href="#deleteConfirmation">Delete >> > > > Report</a> >> > > > <div class="modal hide fade" id="deleteConfirmation"> >> > > > <div class="modal-header"> >> > > > <a class="close" data-dismiss="modal">×</a> >> > > > <h3> >> > > > Confirm report deletion</h3> >> > > > </div> >> > > > <div class="modal-body"> >> > > > <p> >> > > > Are you sure you want to delete this report? This >> action cannot >> > > > be undone.</p> >> > > > </div> >> > > > <div class="modal-footer"> >> > > > <a href="#" class="btn btn-danger">Delete</a> >> > > > <a href="#" class="btn">Cancel</a> >> > > > </div> >> > > > </div> >> > > > <script src="jquery-1.7.1.min.js" type="text/javascript" /> >> > > > <script src="bootstrap-modal.js" type="text/javascript" /> >> > > > <script src="bootstrap-transition.js" type="text/javascript" /> >> > > > </body> >> > > > </html> >> > >> > > -- >> > > Regards, >> > > Sean Mills, Co-Owner >> > > Grantwood Technology LLC >> > > 6909 Engle Rd Ste 22 >> > > Middleburg Heights OH 44130 >> > > Phone: 440-239-1885 >> > > Fax: 440-378-5931 > > -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
