ブートストラップの最小デバイスのサイズをとるカラム

適切なデバイス幅のサイズを取る代わりに、ブートストラップのカラムは常に最小のセットサイズをとります。これは、私のコードのように、すべての入力が3/4 - 1/4thでなく、ナビゲータでフルサイズになるようにします。他のすべてのスタイル要素はうまく動作します。ブートストラップの最小デバイスのサイズをとるカラム

<!DOCTYPE html> 
<html> 
    <?php include("head.php");?> 

    <body> 
     <?php include("nav.php");?> 

     <form method='post'> 
      <h2 class='sr-only'>Informations d'entreprise</h2> 
      <div class='row'> 
       <div class='col-md-9 col-xs-12'> 
        <div class='form-group'> 
         <input class='form-control' name='entreprise' type='text' placeholder="Nom de l'entreprise" /> 
        </div> 
       </div> 
       <div class='col-md-3 col-xs-12'> 
        <div class='form-group'> 
         <input class='form-control' name='telephone' type='tel' placeholder="Numéro de téléphone" /> 
        </div> 
       </div> 
      </div> 
     </form> 

     <?php include("footer.php");?> 
    </body> 
</html>

が私を助けることができる誰にもありがとう：

は、ここに私のコードです。ここで

出典

2017-07-18 Firelumet

あなたは常にあなたが大規模なデバイスへの小型の順にクラスを指定する必要がありソリューションhttps://jsfiddle.net/6apc4h7s/

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<form method='post'> 
 
    <h2 class='sr-only'>Informations d'entreprise</h2> 
 
    <div class='row'> 
 
     <div class='col-xs-12 col-md-9'> 
 
      <div class='form-group'> 
 
       <input class='form-control' name='entreprise' type='text' placeholder="Nom de l'entreprise" /> 
 
      </div> 
 
     </div> 
 
     <div class='col-xs-12 col-md-3'> 
 
      <div class='form-group'> 
 
       <input class='form-control' name='telephone' type='tel' placeholder="Numéro de téléphone" /> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</form>

で行きます。以下のコードのように

：

<div class='col-xs-12 col-md-3'>

出典

2017-07-18 14:10:57 Shiladitya

はうまくいきました、ありがとうございます。 – Firelumet

ようこそ@Firelumet :) – Shiladitya

ブートストラップの最小デバイスのサイズをとるカラム

答えて

関連する問題