我有以下list-group
其中有10個項目。第二個和第二個到最後一個項目的底部邊框總是比其他底部邊框厚,無論其中有什麼數據。我相信這是由引導程序默認使用不正常引起的margin-bottom: -1px
造成的。Bootstrap 4列表組項重疊邊框
您可以在這裏看到與以下的jsfiddle: https://jsfiddle.net/4gdcgf4t/
我使用除了引導CDN沒有額外的CSS。爲什麼會發生這種情況?
我有以下list-group
其中有10個項目。第二個和第二個到最後一個項目的底部邊框總是比其他底部邊框厚,無論其中有什麼數據。我相信這是由引導程序默認使用不正常引起的margin-bottom: -1px
造成的。Bootstrap 4列表組項重疊邊框
您可以在這裏看到與以下的jsfiddle: https://jsfiddle.net/4gdcgf4t/
我使用除了引導CDN沒有額外的CSS。爲什麼會發生這種情況?
第二和倒數第二個項目總是有較厚的底邊框的比其他人,不管是在他們裏面的數據。
在任何我使用Chrome瀏覽器進行測試的瀏覽器中都是如此:(Chrome,FF,IE,Edge)。
我建議你按Ctrl
+ 0
並重置您的縮放級別。
看起來像是發生在90%的變焦(對於他的特定問題) – CodeLikeBeaker
我在90%的變焦,切換到100%變焦修復了這個問題。是否有一個原因會影響只有一部分'list-group-item'? –
@JasonHeine:我不確定我是否應該將其作爲答案發布,或嘗試將其粘貼到評論中。我意識到這可能對其他人有所幫助,不僅對OP而言,所以決定去尋求答案。 –
你使用什麼瀏覽器?它看起來正確的Chrome和IE 11 – CodeLikeBeaker