这是我的表格，当我在电脑上显示它的尺寸合适并且表格输入在同一行时，但是在我的平板电脑（7英寸）中，它保留了相同的尺寸，并且输入在那里太小。如何在平板电脑上增加我的输入？每个输入都和屏幕一样宽。
<div class="col-md-6 col-md-offset-3">
<div class="form-group row">
<div class="col-sm-5">
</div>
<div class="col-sm-2" id="divprecio">
</div>
<div class="col-sm-2" id="divcantidad">
</div>
<div class="col-sm-2">
</div>
最佳答案
我添加了一个col-xs-12类，以使其在小屏幕上全宽，并且我认为它可以按照您的要求工作。好心检查。
而且，如果它在PC上没有占用全部宽度，那是因为添加了col-MD-6 col-MD-offset-3偏移量，这可能是导致这种情况的原因。
<!DOCTYPE html>
<body>
<div class="col-md-6 col-md-offset-3 col-sm-6 col-xs-12">
<div class="form-group row">
<div class="col-sm-5 col-xs-12"><div class="form-group">
<label for="">Email address</label>
<input type="email" class="form-control" id="" placeholder="Email">
</div></div>
<div class="col-sm-2 col-xs-12" id="divprecio"><div class="form-group">
<label for="">Newlebel</label>
<input type="text" class="form-control" id="" placeholder="Newlebel">
</div></div>
<div class="col-sm-2 col-xs-12" id="divcantidad"><div class="form-group">
<label for="">Fillnew</label>
<input type="text" class="form-control" id="" placeholder="Password">
</div></div>
<div class="col-sm-2 col-xs-12">
<div class="form-group">
<label for="">Fillabc</label>
<input type="text" class="form-control" id="" placeholder="text">
</div>
</div>
</div>
</div>
</body>
</html>