gpt4 book ai didi

css - Bootstrap 列表 - 缩小和消除边框

转载 作者:太空宇宙 更新时间:2023-11-04 11:19:01 24 4
gpt4 key购买 nike

我使用 list-grouplist-group-item 创建了一个 Bootstrap 列表。

不幸的是,每个列表项都占用了大量空间:

enter image description here

我想缩小每个 list-group-item 元素的大小。

我也想消除边框。

我知道这可以用 CSS 来完成。但是,我不熟悉它。我该如何进行这些更改?

最佳答案

列表组正在适应 bootstrap 中列的大小,因此减少它以减小大小。

关于边框,列表继承类.list-group-item。您可以编写自己的 css 来覆盖 bootstrap 主题,例如:

.list-group-item {
border-style: none;
}

关于css - Bootstrap 列表 - 缩小和消除边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32951935/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com