Asp.net mvc 引导卡中的文本超出了框

我有一个问题，我在bootstrap中制作了一张卡片，但是我的文本超出了图片范围

我需要它看起来像这样（第一个例子）

这就是我一直在尝试的

<div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms" style="background-color:aliceblue;">
    <div class="card">
        <img class="card-img-top" src="http://placehold.it/250x250" alt="Card image cap">
        <div class="card-block">
            <h2>Min profil</h2>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            <a href="#" class="btn btn-primary">Min profil</a>
        </div>
    </div>   
</div>

最小轮廓
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

响应图像

通过将

.img responsive类添加到
最小轮廓
一些基于卡片标题的快速示例文本，构成了卡片内容的大部分

您是否使用引导主题？

<div class="form-group col-sm-4 text-center" data-wow-duration="1000ms" data-wow-delay="900ms" style="background-color:aliceblue;">
    <div class="card form-group">
        <img class="card-img-top img-responsive" src="http://placehold.it/250x250" alt="Card image cap">
        <div class="card-block form-group" style="padding-bottom:10px;">
            <h2>Min profil</h2>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            <a href="#" class="btn btn-primary">Min profil</a>
        </div>
    </div>
</div>