bootstrapで画像にimg-thumbnailを適用した時の問題

Question

前提・実現したいこと

bootstrapで画像にimg-thumbnailを適用すると
ブラウザー表示すると細い枠線ができてしまいます。
これを解消する方法はないでしょうか？
よろしくお願いいたします。

### 該当のソースコード

<img src="images/kirikigirisu.png" alt="キリギリス" width="270" height="139" class="img-thumbnail">

Answer 1

.img-thumbnailを当てておきながらwith,heightを利用するのは不整合ありそうに思いますが、
.img-thumbnailとはそういう仕様です。

Bootstrap5 alpha1より

CSSは基本後勝ちです。
同名class（別名でも良いですが）を自前で定義し、border部分を上書きしてはどうでしょう。

線を消したいだけならそれで良いですが、「何のためにimg-thumbnailを採用するのか」という観点から、
役割を考えて機能を使うようにされたほうが良いと思います。

Comments

[norihide62]

ありがとうございます。勉強になりました。。