gpt4 book ai didi

css - 更改 Bootstrap 列表组项的 'thickness'

转载 作者:太空宇宙 更新时间:2023-11-03 23:11:17 24 4
gpt4 key购买 nike

我想减少列表组元素的厚度,同时保持标题文本合适。

<ul class="list-group"> 
<a href="#id" class="list-group-item list-group-item-info" data-toggle="collapse">Title</a>
</ul>

.list-group-item {
height: 10px;
}

这成功地减少了厚度,但标题文本仍然太大。我怀疑高度属性使用不当?

text too big

最佳答案

大小由这个类控制

.list-group-item {
position: relative;
display: block;
padding: 0px 15px; /* adjust here */
margin-bottom: -1px;
border: 1px solid #ddd;
line-height: 1em /* set to text height */
}

Codepen Demo

关于css - 更改 Bootstrap 列表组项的 'thickness',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32455054/

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