更改整个页面的颜色

我有一个按钮，它会创建一个弹出窗口并使页面背景变为黑色。这有效，但是不影响任何引导容器。我目前正在使用引导程序4并做出反应。

我的流行音乐的CSS如下

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,0,0, 0.5) !important;
}
.popupInner {
    position: absolute;
    left: 25%;
    right: 25%;
    top: 25%;
    bottom: 25%;
    margin: auto;
    border-radius: 20px;
    position: absolute;
    left: 25%;
    right: 25%;
    top: 25%;
    bottom: 25%;
    margin: auto;
    background: white;
}

任何人都对如何定位这些容器有任何见识。