bootstrap サムネイル画像の幅を100%にしたい

Question

        <div class="card-deck">
            <a class="card" href="{% url 'document1' %}">
              
             <img src="https://i.ytimg.com/vi/YYriPrc04vI/hqdefault.jpg" class="card-img-top" alt="最初のきじ">
              
              <div class="card-body">
                <h5 class="card-title">Card title</h5>
                <p class="card-text">コメント</p>
              </div>
            </a>
        </div>

画像が中途半端なサイズになってしまいます。これをcard中いっぱいに広げる方法を教えてください。.

.card-img-topにwidth="100%"と指定してみたんですけど、なぜかできませんでした

Comments

[m.ts10806]

ドキュメントは確認されたのでしょうか。またデベロッパーツールでどこでなにがどのように影響しているか確認してみてください。
widthが効かなかったという理由も見えてくるはずです。

Answer 1

素人ですけど

img.card-img-top:max-width: 100%;

で解決しそうな気がします。