今天我就來分享下如何解實現上述關閉模態框操作。
Bootstrap對於模態框的實現十分精簡靈活，用戶只需要使用少量的代碼和智能的默認設置，即能實現傳統實現傳統的Javascript效果的模態窗口。默認的Bootstrap模態窗口效果，包括對話框從屏幕上方落下，屏幕其他區域變暗淡，模態窗口的隱藏等。
這些效果分別對應.modal .fade .hide 這些類。我們可以不用寫任何javascript代碼來實現Modal效果，只需要將 data-toggle=”modal” 放置於在觸發控制要素(如按鈕，超鏈接等)，並指定它的Modal窗口的ID鏈接(data-target=”#mymodal”，href=”#mymodal”)。當這些控制要素被觸發的時候，modal窗口就會出現了。模式窗口的內容可以非常豐富，這些內容都需要包括在modal的div內，並可以定義modal窗口的頭部，內容和腳部。