2016-12-28 10 views
0

私には以下のものがあります。list-groupには10個のアイテムがあります。残りの2番目と2番目の項目は、その内部にどのようなデータが入っていても、常に残りの部分よりも太い境界線を持っています。これは、ブートストラップがデフォルトで正しく動作しないことを使用しているmargin-bottom: -1pxによって引き起こされたと考えられます。ブートストラップ4リストグループ項目が重なり合っている罫線

次JSFiddleをここで見ることができます: https://jsfiddle.net/4gdcgf4t/

私は、ブートストラップCDN以外に余分なCSSを使用していないしています。なぜこれが起こっているのでしょうか?

+0

あなたはどのブラウザを使用していますか? ChromeとIE 11で正しく見える – CodeLikeBeaker

答えて

2

最後の2番目と最後の項目は、その中にどのようなデータが入っていても、常に残りの部分よりも太い境界線を持っています。

(Chrome、FF、IE、Edge)でテストしたどのブラウザでもそうではありません。

Ctrl + 0を押してズームレベルをリセットすることをお勧めします。

+0

90%ズーム(彼の特定の問題の場合)のように見える – CodeLikeBeaker

+0

私は90%のズームで、100%のズームに切り替えて問題を解決しました。これが 'list-group-item'の一部にのみ影響する理由はありますか? –

+0

@JasonHeine:答えとして投稿したり、コメントの中に貼り付けるべきかどうかは分かりませんでした。 OPに限らず他人にも役立つかもしれないと分かったので、答えに行くことにしました。 –

関連する問題