2016-12-28 101 views
0

我有以下list-group其中有10個項目。第二個和第二個到最後一個項目的底部邊框總是比其他底部邊框厚,無論其中有什麼數據。我相信這是由引導程序默認使用不正常引起的margin-bottom: -1px造成的。Bootstrap 4列表組項重疊邊框

您可以在這裏看到與以下的jsfiddle: https://jsfiddle.net/4gdcgf4t/

我使用除了引導CDN沒有額外的CSS。爲什麼會發生這種情況?

+0

你使用什麼瀏覽器?它看起來正確的Chrome和IE 11 – CodeLikeBeaker

回答

2

第二和倒數第二個項目總是有較厚的底邊框的比其他人,不管是在他們裏面的數據。

在任何我使用Chrome瀏覽器進行測試的瀏覽器中都是如此:(Chrome,FF,IE,Edge)。

我建議你按Ctrl + 0並重置您的縮放級別。

+0

看起來像是發生在90%的變焦(對於他的特定問題) – CodeLikeBeaker

+0

我在90%的變焦,切換到100%變焦修復了這個問題。是否有一個原因會影響只有一部分'list-group-item'? –

+0

@JasonHeine:我不確定我是否應該將其作爲答案發布,或嘗試將其粘貼到評論中。我意識到這可能對其他人有所幫助,不僅對OP而言,所以決定去尋求答案。 –