使输入文本响应式

Question

我需要使文本输入字段具有响应性。目前，它与其他输入元素的宽度匹配，但是当我减小屏幕尺寸时，输入字段没有相应响应。

<div class="col-sm-12">
<div class="col-sm-8">
<table border="0"  id="dynamic_field">  
          <tr>  
          <td><input type="text" placeholder="Digite o link da arquitetura" class="form-control"
            id="txt-link[]" name="txt-link[]" value="{{old('txt-link[]')}}" style="width: 730px;">
            @if($errors->has('txt-link.0'))
              @foreach ($errors->get('txt-link.0') as $message)
                <span class="help-block" style="margin-top:5px; margin-bottom:-5px; color:rgb(170, 56, 56)"><b>{{  $message }}</b></span>
              @endforeach  
            @endif  </td>  
            <td><button type="button" name="add" id="add" 
            <a class="btn btn-primary"><i class="fa fa-plus"></i>
            </a></button></td>  
                </tr>  
          </table>  
</div>
</div>

Answer 1

您不应该固定宽度。删除style="width: 730px;"

你必须给你的表格宽度100%。在 Bootstrap 4 中有一个类 w-100 可以做到这一点。

<table border="0"  id="dynamic_field" class="w-100"> 
----
</table>

我认为它会解决你的问题。