卡片中的不同列？

Question

我尝试做的是基本调整180x180px头像的大小以使其适合：

我让<card-img-top>的列col-sm-2和卡块本身col-sm-6。现在发生了什么：

这是我的第二个代码：

<div class="usercard">
  <div class="col-sm-2">
    <div class="card">
      <img class="card-img-top" src="<?=htmlspecialchars($row['avatar']);?>" alt="Card image cap">
    </div>
    <div class="col-sm-6">
      <div class="card-block">
        <h4 class="card-title">Card title</h4>
        <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>
      </div>
    </div>
  </div>
</div>