Bootstrap 模態新頁面

Question

我想制作一個模態，如果我點擊按鈕，模態會彈出，模態的內容來自不同的頁面。 請幫我。

這是我的代碼

 <a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal">Click to open Modal</a> <div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" 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" id="myModalLabel">Basic Modal</h4> </div> <div class="modal-body"> <h3>Modal Body</h3> </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>

我想知道什么是Javascript？ 我應該把它放在哪里？ 順便說一下，我正在使用 bootstrap v 3.03。

Answer 1

我想這就是你要找的。
您需要特別注意這一行：

<a data-toggle="modal" class="btn btn-info" href="remote.html" data-target="#myModal">Click me !</a>