Question

这是编码的一部分。在行类中，我为图像定义了一个数字列，并为所有宽度定义了表单元素，但它仍然以某个宽度重叠。

<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>

Answer 1

Bootstrap 4中没有img-responsive个类。它已重命名为img-fluid

在行类中，列以某个宽度重叠

1 个答案: