Bootstrap 模态框.pdfVIP

Bootstrap 模态框 Bootstrap Modals （模态框） 描述 Bootstrap Modals （模态框）是使⽤定制的 Jquery 插件创建的。它可以⽤来创建模态窗 ⼜丰富⽤户体验，或者为⽤户 加实⽤功能。您可以在 Modals （模态框）中使⽤ Popover （弹出框）和 Tooltip （⼯具提⽰插件）。 在本教程中，将通过⼀些实例和解释来讨论如何使⽤ Bootstrap 创建模态窗⼜。同 时，我们也会讨论⽤于定制的各种可⽤选项。 什么是必需的 您需要 Jquery 、Bootstrap CSS 和 JavaScript ⽂件 bootstrap-modal .j s 。这个 j s ⽂件位于 您下载的 Bootstrap 主⽂件夹中的 j s ⽂件夹内。 Jquery 位于您的 Bootstrap 主⽂件夹中的 docs assets j s 下，名为 jquery .j s 。或者您 可以直接访问 https: aj ax . aj ax libs jquery 1.7 .1 jquery .min .j s 下载 Jquery 。 Bootstrap Modals （模态框）长什么样 下⾯的实例演⽰了 Bootstrap Modals （模态框）长什么样。 在您的⽹站中使⽤ Bootstrap Modals （模态框） 下⾯的实例演⽰了如何在⽹页中使⽤ Bootstrap Modals （模态框）。请注意，您不需 要编写任何的 JavaScript 代码。实例后⾯附有相关的解释。 !DOCTYPE html html lang=en head meta charset=utf-8 titleTwitter ootstrap Modals Example/title meta name=description content=Creating Modal Window with Twitt link href=/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/cs /head body div class=container h2Example of creating Modals with Twitter ootstrap/h2 div id=example class=modal hide fade in style=display : none; div class=modal-header a class=close data-dismiss=modal×/a h3This is a Modal Heading/h3 /div div class=modal-body h4Text in a modal/h4 pYou can add some text here./p /div div class=modal-footer a href=# class=btn btn-successCall to action/a a href=# class=btn data-dismiss=modalClose/a /div /div pa data-toggle=modal href=#example class=btn btn-primary b /div script src=https://ajax ./ajax/libs/jquery/1.7.1/jq script src=/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap- /body /html 在线查看 Bootstrap Modals （模态框）实例。 解释 下⾯的表格解释了上⾯的代码。它将帮助您理解如何使⽤ Bootstrap Modals （模态 框）。 代码 解释 分配给相关 div 的 id ，id 的值指向后边要实现 d