當前位置:編程學習大全網 - 網站源碼 - bootstrap模態框怎麽實現打開壹個其他的網頁

bootstrap模態框怎麽實現打開壹個其他的網頁

1、首先在html中導入所需要的庫文件,如下圖所示,壹定註意導入jquery文件。

2、然後在Body區域應用了bootstrap的modal樣式,如下圖所示。

3、然後在modal樣式的div裏繼續放置內容區域,內容區域的樣式為modal-content,如下圖所示。

4、然後來看壹下內容區分別有三個樣式,頭尾以及中間部分,接下來定義個按鈕,當點擊按鈕的時候會彈出框,如下圖所示。

5、註意壹定要指定按鈕的data-target屬性,如下圖所示。

6、最後運行程序以後,會看到如下圖所示的內容,這就是bootstrap模態框。

  • 上一篇:pt1000鉑電阻的阻值如何換算成溫度?
  • 下一篇:在jsp源代碼中出現了錯誤 session.setattribute()相關
  • copyright 2024編程學習大全網