modal-content默认为隐藏

来源:1-1 导入JavaScript插件

zxdcfvbnm

2015-09-14 15:24

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

写回答 关注

1回答

  • 翌子涵
    2015-12-03 15:23:52

    你关注的点不对,模态窗的最外层是<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显示或隐藏。

玩转Bootstrap(JS插件篇)

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128654 学习 · 296 问题

查看课程

相似问题