引导卡的图像周围有白色镶边

Question

示例here之后是以下代码：

<div class="card" style="width:400px">
  <img class="card-img-top" src="image.png" alt="Card image">
  <div class="card-body">
    <h4 class="card-title">John Doe</h4>
    <p class="card-text">Some example text.</p>
    <a href="#" class="btn btn-primary">See Profile</a>
  </div>
</div>

在图像周围（在灰色区域内）显示白色边框。我没有应用任何其他CSS：

Answer 1

您遵循的示例也有白色边框，因为这是由Bootstrap完成的。您没有应用任何其他CSS，但这正是摆脱边界的方法。

例如：将border:0px solid transparent;应用于具有card类的对象。

Answer 2

.card的默认边框设置为：border: 1px solid rgba(0,0,0,.125);

要删除此边框，只需将类border-0添加到您的<div>中，如下所示：

<div class="card border-0" style="width:400px"> 

有关更多信息，请参见https://getbootstrap.com/docs/4.0/components/card/#border

Answer 3

写入SELECT CAST(NOW() AS DATE); -- 2019-04-24 SELECT CAST(NOW() AS DATETIME); -- 2019-04-24 09:47:57 ，因为.card具有默认的灰色边框类别。