Debug-Bootstrap modal


Posted by mijouhsieh on 2023-03-24

串接API,並使用Bootstrap套件 V5.1,顯示modal元件
Bootstrap Modal
debug-Modal-Bootstrapv5.1


2個重點:

按鈕data-bs-toggle = "modal" 按了button會跳出視窗
對應 => modal元件 class="modal"

按鈕data-bs-target = "movie-modal" 決定跳出來的視窗是哪個
對應 => modal元件 id="movie-modal"
值要字串不可以是數字

<button data-bs-target="#movie-modal" 
       data-bs-target=" #字串!!!不可以是#1數字 " 
...>
//對應
<div id="movie-modal" 
     id="字串!!!" //id="1"沒用>

#debug #bootstrap-modal #Bootstrap #modal







Related Posts

渲染 & 爬蟲

渲染 & 爬蟲

ASP.NET Core Web API 入門教學 - 開發環境安裝

ASP.NET Core Web API 入門教學 - 開發環境安裝

Day 123

Day 123


Comments