设置图像引导周围的边框

Question

目前，我正试图在图像周围安装一个边框，不幸的是，引导并不容易。他们似乎在柱子上加了填充物，这样边框就不合身了。我不确定是否有办法做到这一点，而不删除填充引导提供。这是我的密码

<section class="part2">
    <div class="container">
    <div class="row"> 
 <img src="/wp-content/themes/creativeforces/images/kid2.jpg" class="resize-image col-sm-4" id="image1" alt="">
  <img src="/wp-content/themes/creativeforces/images/kid2.jpg" class="resize-image col-sm-4" alt="">
   <img src="/wp-content/themes/creativeforces/images/kid2.jpg" class="resize-image col-sm-4" alt="">
    </div>
        <div class="row">

        <div>   
            <p class="text-center col-md-4">Teach</p>
        <div>
            <p class="text-center col-md-4">Read</p>
        </div>
        <div>
             <p class="text-center col-md-4">Play<p>
        </div>

    </div>


    </div>
</section>



.part2{
  background-color: #EEEEEE;
  // width:100%;
margin-top: 30px;
padding-bottom: 20px;
padding-top: 20px;

}

#image1{
  border: 3px solid #000;
}

如你所见，图像周围的边框没有很好地贴合。

​

任何帮助都将不胜感激！

Answer 1

我以前也有过这个问题，我把照片上的垫子拿掉了。它从未以任何方式影响过我的设计。

正如您可能知道的，您只需添加：

#image1{
    border: 3px solid #000;
    padding: 0;
}

我也做了一些调查后，你问了你的问题，这似乎是其他人建议删除填充。

Bootstrap unwanted image padding