引导程序不分配空间不可见

Question

关于 Bootstrap 5.1.3：

我想隐藏带有引导类“.invisible”的页面上的元素。

问题在于 bootstrap 为这些不可见元素分配了空间，这些元素在页面上看起来很糟糕。

当我使用“.visible”类将元素设置为可见时，该元素应该添加到之前的组件之后可见。

引导程序未在页面中分配空间该怎么办？

Answer 1

为此使用 CSS。而且我认为 Bootstrap 也有“隐藏”类而不是“隐形”

如果你设置了bootstrap class .invisible，它就等于css样式“visibility：hidden”。它将不可见，但仍作为现有元素出现在页面上。

如果你设置 bootstrap 类 .hidden 它等于 css 样式 “display: none” 它将按照你的预期从页面中消失元素。

您可以使用 bootstrap 类或 css 样式

CSS样式：

.my-hidden-element {
display: none;
}  

引导程序：

<div class="hidden"><div>

Answer 2

使用

d-none

类

<button class="d-none">hidden</button>

了解更多信息 隐藏元素