显示Bootstrap 3灰色背景，没有模态框

Question

我正在自己的侧面导航工作，当在小屏幕上使用时，它应该弹出和弹出。

我希望屏幕的其余部分变灰，就像显示模式时Bootstrap 3中发生的那样。

为此目的，有没有办法重用Bootstrap灰色背景？换句话说，使用jQuery显示/隐藏没有模态的灰色背景？

出于这个问题的目的，你可以想象在一个空白的HTML页面上我想要显示没有任何模态的灰色背景。

由于

Answer 1

是的，我已经解决了你的问题。它只是一个班级＆＃39;这是负责灰色背景和模态的背景。该类需要存在于父div中。

HTML

<div class="modal-backdrop">
   <div class="child-component"> 
      <div class ="panel"></div>
   </div>
</div>

的CSS

.modal-backdrop {
    background: rgba(22, 22, 22, 0.5) !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.hide{
    display:none;
}

你必须切换课程＆＃39; connect-modal-backdrop＆＃39;隐藏＆＃39;用于显示/隐藏模态的类。