html - Bootstrap list-group-items 与 list-group 容器齐平

标签 html css twitter-bootstrap

这很挑剔;我在 Bootstrap 中使用固定大小的列表组工作。当它开始时,它有一个漂亮的轮廓/底部边框,但是当我滚动列表时,我失去了它。我尝试使用 <p> 从组的其余部分中打破顶部列表组元素。 ,但我对它的外观也不满意。

The nice-looking space between list-group and list-group-item 上图:list-group 和 list-group-item 之间的漂亮空间

When the two elements are flush, the bottom outline of the list-group-item above goes away 当两个元素齐平时,上面list-group-item的底部轮廓消失

最佳答案

据我所见,顶部元素的位置已设置为固定。看起来您需要将边距(或边距底部)应用于顶部元素,因为它看起来有 -1px 的负边距,这可能是该边框消失的原因。

关于html - Bootstrap list-group-items 与 list-group 容器齐平,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29687253/

相关文章:

html - 如何镜像 <video> HTML5

html - 如何在 HTML/CSS 中设置百分比高度值

javascript - 多个 jQuery slider : How to disable keyboard navigation for all but one slider?

html - Twitter Bootstrap 拆分下拉列表

javascript - Bootstrap 显示和折叠表格行

javascript - 通过单击按钮更改加载到表中的 JSON 文件

javascript - getelementbyid 不工作

html - 底部填充更大?

css - 在 SharePoint Designer 中添加新的 Css 样式

javascript - 游戏未检测到角色与边框之间的碰撞