CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Blake Thomson
Blake Thomson

Reputation: 25

Bootstrap 4 list-group-item overlapping borders

I have the following list-group with 10 items in it. The second and second to last item always have thicker bottom border's than the rest, no matter what data is inside them. I believe this is caused by the margin-bottom: -1px that bootstrap uses by default not working properly.

You can see here with the following JSFiddle: https://jsfiddle.net/4gdcgf4t/

I am using no extra CSS besides the bootstrap CDN. Why could this be happening?

Upvotes: 0

Views: 609

Answers (1)

tao
tao

Reputation: 90103

The second and second to last item always have thicker bottom border's than the rest, no matter what data is inside them.

That's not true in any browser I tested with: (Chrome, FF, IE, Edge).

I suggest you press Ctrl+0 and reset your zoom level.

Upvotes: 3

Related Questions