css 引导不可见,无需分配空间

hiz5n14c  于 2023-02-26  发布在  其他
关注(0)|答案(1)|浏览(131)

关于Bootstrap 5.1.3:
我想隐藏引导类为“.invisible”的页面上的元素。
问题是 Bootstrap 为这些看不见的元素分配空间,这在页面上看起来很糟糕。
当我用类“.visible”将元素设置为visible时,元素应该添加到visible之前的组件之后。
Bootstrap 不分配页面中的空间是怎么回事?

u3r8eeie

u3r8eeie1#

使用CSS来实现。我认为Bootstrap也有“隐藏”类而不是“不可见”类
如果设置引导类**.invisible**,则它等于css样式**“可见性:hidden”。它将不可见,但仍作为现有元素显示在页面上。
如果设置引导类
.hidden**,则它等于css样式**“显示:none”**它会像你期望的那样从你的页面中消失。
你可以使用bootstrap类或css样式
CSS样式:

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

Bootstrap :

<div class="hidden"><div>

相关问题