Bootstrap Modals(模態框)是使用自訂的Jquery 外掛程式建立的。
它可以用來建立模態視窗豐富使用者體驗,或是為使用者新增實用功能。您可以在 Modals(模態框)中使用 Popover(彈出框)和 Tooltip(工具提示外掛程式)。 (推薦學習:Bootstrap影片教學)
將透過一些實例和解釋來討論如何使用Bootstrap建立模態視窗。同時,我們也會討論用於客製化的各種可用選項。
您需要 Jquery、Bootstrap CSS 和 JavaScript 檔案 bootstrap-modal.js。這個 js 檔案位於您下載的 Bootstrap 主資料夾中的 js 資料夾內。
Jquery 位於您的 Bootstrap 主資料夾中的 docs > assets > js 下,名為 jquery.js。或者您可以直接訪問 https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js 下載 Jquery。
Bootstrap Modals(模態框)長什麼樣子
#下面的實例示範了 Bootstrap Modals(模態框)長什麼樣子。
在您的網站中使用Bootstrap Modals(模態方塊)
下面的實例示範如何在網頁中使用Bootstrap Modals(模態框)。請注意,您不需要編寫任何的 JavaScript 程式碼。
<div> <h2>使用Bootstrap创建模态框</h2> <div> <div> <a>×</a> <h3>这是一个模态框标题</h3> </div> <div> <h4>模态框中的文本</h4> <p>你可以在这添加一些文本。</p> </div> <div> <a>唤醒活动</a> <a>关闭</a> </div> </div> <p><a>发动演示模态框</a></p> </div> <script></script> <script></script>
更多Bootstrap相關技術文章,請造訪Bootstrap教學欄位進行學習!
以上是bootstrap模態框有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!