Bootstrap 4 在row类中，列以一定宽度重叠

这里是编码的一部分。在row类中，我为所有宽度的image和form元素定义了一个数字列，但它仍然在某些宽度上重叠

<div id="contactme" class="container-fluid">
      <h3 style="padding-left:30px; padding-bottom:40px;">Contact me</h3>

      <div class="row padding">
        <div class="col-sm-12 col-md-3 col-lg-3 col-xl-3">
          <img class="img-responsive" 
                 src="web/photo.jpg"style= "height:500px;">
        </div>
    <!--contact me-->
        <div class="col-sm-12 col-md-9 col-lg-9 col-xl-9">
          <form action="action/php_page">
            <div class="form-group">
              <label for="name">Name:&#42;</label>
              <input type="text" class="form-control" id="name" required>
            </div>

联系我
姓名:* ;；

引导程序4中没有

img responsive

类。它被重命名为

img流体

引导程序4中没有

img响应

类。已重命名为

img流体