當前位置:編程學習大全網 - 網站源碼 - bootstrap 模態框彈出時被遮罩層擋住了,怎麽解決

bootstrap 模態框彈出時被遮罩層擋住了,怎麽解決

bootstrap 模態框彈出時被遮罩層擋住了是設置錯誤造成的,解決方法為:

1、打開WebStorm開發工具,新建‘test.html’文件,並在文件同級目錄安裝部署Bootstrap相關文件,目錄結構如下圖。

2、在‘test.html’中寫如下代碼。

3、網頁查看效果如下圖,這時點擊按鈕還沒有相應,因為沒有對應的代碼。

4、修改‘test.html’代碼如下。

5、網頁查看效果,點擊按鈕,可以正常彈出模態框,點擊網頁其他位置模態框消失。

6、在模態框上增加取消按鈕,點擊取消後模態框消失,代碼如下。

  • 上一篇:#include<stdio.h> void main() { int a,b; float x,y; char c1,c2; scanf("a=%d b=%d",&a,&b); scanf("%f
  • 下一篇:壹年級入隊申請書模板
  • copyright 2024編程學習大全網