                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（JS插件篇）

modal-content默认为隐藏

modal-content默认为显示，怎么让它默认隐藏，点击后出现？

zxdcfvbnm

2015-09-14

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

关注问题我要回答

2400

操作

收起

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显示或隐藏。