Bootstrap5中实现删除边距功能的类名已更改,请查询找出该样 式的新名称
时间: 2024-03-04 16:48:11 浏览: 21
在Bootstrap 5中,实现删除边距功能的类名已更改为“g-0”(代表“gap-0”)。这个新类名可以将两个元素之间的间隔设置为0,从而删除它们之间的边距。例如,如果您想要删除两个相邻按钮之间的间隔,请使用以下代码:
```html
<div class="d-grid gap-2">
<button class="btn btn-primary">Button 1</button>
<button class="btn btn-primary">Button 2</button>
</div>
```
在上面的代码中,我们使用了`gap-2`类来设置按钮之间的间隔,但是如果您想删除它们之间的间隔,只需要将`gap-2`类更改为`g-0`类即可:
```html
<div class="d-grid g-0">
<button class="btn btn-primary">Button 1</button>
<button class="btn btn-primary">Button 2</button>
</div>
```
这将删除两个按钮之间的间隔,使它们紧密排列在一起。