bootstrap中模態框、模態框的屬性

工作上有需要用到模態框的可以看看

<p>
        </p><p>
            </p><p>
                </p><p>
                    <button>
                        ×                    </button>
                    </p><h4>
                        前台菜单管理                    </h4>
                

                    <p>
                        </p><p>

                            </p>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

名称：
动作类型：	view                                             click
路径：
排序：

                                                                  

                        关闭                         保存                     

                          

 

其中模態框有個屬性可以避免點選遮罩層導致模態框關閉。就是p中設定的 data-backdrop="static"。這樣可以避免在模態框中輸入內容時突然的誤操作導致模態框關閉。

另外還有一個屬性：data-keyboard="false"。此舉是設定按下ESC退出鍵無效。同樣是為了避免突然的誤操作導致模態框關閉。

 

 

<p>
            <button>
                <span></span>新增            </button>
            <button>
                <span></span>修改            </button>
            <button>
                <span></span>删除            </button>

</p>

其中按鈕屬性 data-toggle="modal" data -target="#userModal" 是開啟模態框。

更多bootstrap中模態框、模態框的屬性 相關文章請關注PHP中文網！