• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    bootstrap如何彈出表單

    Bootstrap彈出窗口需要利用模態框(Modal)插件,下面我們介紹下若何利用。

    方式/步調

    1. 1

      經由過程 data 屬性:在節制器元素(好比按鈕或者鏈接)上設置屬性 data-toggle="modal",同時設置 data-target="#identifier" 或 href="#identifier" 來指心猿意馬要切換的特心猿意馬的模態框(帶有 id="identifier")。

    2. 2

      經由過程 JavaScript:利用這種手藝,您可以經由過程簡單的一行 JavaScript 來挪用帶有 id="identifier" 的模態框:

    3. 3

      一個靜態的模態窗話柄例,如下面代碼所示:

    4. 4

      顯示成果如下圖所示:

    5. 5

      有一些選項可以用來心猿意馬制模態窗口(Modal Window)的外不雅和感不雅,它們是經由過程 data 屬性或 JavaScript 來傳遞的。下表列出了這些選項:

    6. 6

      下面是一些可與 modal() 一路利用的有效的方式。

    7. 7

      下面的實例演示了方式的用法:

    • 發表于 2019-02-19 22:44
    • 閱讀 ( 1160 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆