0

これは自分のフォームです。自分のパソコンに表示すると、サイズが大きく、フォームの入力は同じ行になりますが、 )どのように私はタブレットでの私の入力が大きく得るために行うことができます。それは、同じサイズを維持し、入力が小さすぎる?各入力とワイド画面など。おかげ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> 

+0

jsFiddle –

+0

https://jsfiddle.net/mario28/5f847jn7/に私たちの例を与えます –

答えて

0

を私は持っています小さな画面で全幅にするためのクラス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> 

関連する問題