                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（JS插件篇）

modal-content默認為隱藏

modal-content默認為顯示，怎么讓它默認隱藏，點擊后出現？

zxdcfvbnm

2015-09-14

源自：玩轉Bootstrap（JS插件篇） 1-1

關注問題我要回答

2448

操作

收起

1 回答

翌子涵
2015-12-03

你關注的點不對，模態窗的最外層是<div class="modal">，

在bootstrap.min.css內有設定：

.modal?{
????position:?fixed;
????top:?0;
????right:?0;
????bottom:?0;
????left:?0;
????z-index:?1050;
????display:?none;
????overflow:?hidden;
????-webkit-overflow-scrolling:?touch;
????outline:?0;
}

通過JS判斷來決定.modal是否顯示的，而不是讓modal-content顯示或隱藏。