防止bootstrap警报改变其他元素的位置

Question

如何在解除警报消息后阻止其他元素移动？这就是解雇前的样子。

这就是事后的样子

如果不明显。表格向上移动了。

目前我的整个页面都是这样使用flexbox。

display: "flex",
minHeight: "100vh",
alignItems: "center"

我该如何解决这个问题？

Answer 1

尝试更改alert类的位置以进行相对定位。

.alert {
    position: relative;
    top: -60px;
}