CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Michael K
Michael K

Reputation: 2288

Bootstrap list-group-items flush with list-group container

This is nitpicky; I'm working in Bootstrap with a fixed-sized list-group. When it starts, it has a nice outline/bottom border, but when I scroll the list, I lose it. I've tried breaking the top list-group-item from the rest of the group using a <p>, but I'm not satisfied with how that looks either.

The nice-looking space between list-group and list-group-item Above: The nice-looking space between list-group and list-group-item

When the two elements are flush, the bottom outline of the list-group-item above goes away When the two elements are flush, the bottom outline of the list-group-item above goes away

Upvotes: 1

Views: 1939

Answers (1)

dosek125
dosek125

Reputation: 118

From what I can see the top element has position set to fixed. It looks like you need to apply margin (or margin-bottom) to the top element as it looks like it has a negative margin of -1px which would could be a reason as to why that border disappears.

Upvotes: 1

Related Questions