天天看點

bootstrap模态框

觸發:

模态框

模态框大體分為三個部分 

<code>data-keyboard="false"</code>。此舉是設定按下ESC退出鍵無效

data-backdrop="static" :阻止點選模态框以外的灰色背景而關閉模态框

屬性<code> data-toggle="modal" data-target="#userModal" </code>是打開模态框。

data-dismiss="modal" ::關閉模态框

aria-labelledby : 對應下面的模态框标題欄的id  即下面的&lt;h4 class="modal-title" id="myLargeModalLabel"&gt;添加使用條件&lt;/h4&gt;

class="modal fade addgoods" 其中fade是彈出時的動畫效果(淡入淡出效果)

aria-hidden="true" 預設隐藏模态框 當打開模态框時 值為false

類<code>modal-content</code>告訴bootstrap.js在哪裡查找模态框的内容。在這個div内,我們需要放置前面提到的三個部分:頭部,正文和頁腳   

 大體結構

繼續閱讀