bootstrap 3 div在手机和平板电脑上都没有反应，并且太小

问题描述：

这是我的表单，当我在电脑上显示它有一个很好的尺寸和表单输入是在同一行，但在我的平板电脑（7“ ），它保留了相同的尺寸和输入太小那里。我该怎么做才能让我输入的平板电脑更大？每个输入一样宽屏幕。感谢bootstrap 3 div在手机和平板电脑上都没有反应，并且太小

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

给我们的jsfiddle –

https://jsfiddle.net/mario28/5f847jn7/为例 –

答

我有添加了一个类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>

bootstrap 3 div在手机和平​​板电脑上都没有反应，并且太小

相关推荐

bootstrap 3 div在手机和平板电脑上都没有反应，并且太小