ブートストラップ3フォーム列は、私はいくつかの列が崩壊して取得しようとしています

Question

崩れない：

<div class="container sign-up-form-container"> 
    <form> 
     <div class="row"> 
      <input type="text" name="suFullName" placeholder="Full Name" class="input-text col-xs-12" autofocus> 
      </div> 
      <div class="row"> 
       <input type="text" name="suEmail" placeholder="Email" class="input-text col-xs-6" id="sign-up-email"> 
       <input type="password" name="suPassword" placeholder="Password" class="input-text col-xs-6" id="sign-up-password"> 
      </div> 
      <div class="row"> 
       <input type="checkbox" name="suAgree" id="sign-up-agree"><label class="text-minor" for="sign-up-agree" id="sign-up-agree-description">I agree to the <a>Terms of Service</a> and <a>Privacy Policy</a>.</label> 
      </div> 
      <div class="row"> 
       <input type="submit" class="cta-sign-up" value="Sign Up For Free"> 
      </div> 
     </form> 
    </div> 

しかし

<input type="text" name="suEmail" placeholder="Email" class="input-text col-xs-6" id="sign-up-email"> 
<input type="password" name="suPassword" placeholder="Password" class="input-text col-xs-6" id="sign-up-password"> 

はリサイズに崩壊されていません。どうやって崩壊させるの？

Answer 1

最初にBOOTSRAPでは、すべての行がclass = "container"またはclass = "container-fluid"である必要があります。あなたの例では、すべての行に対して1つのコンテナを取ることがわかります。チェックボックスにはcol-xs - ** col-sm - **のようなグリッドクラスはありません（空のクラスを使用してチェックボックスを配置することができます。例えば、3つのcol-sm-4を取るなどです。次の2つは空のままにします。この場合、要素の位置は自由です）。すべての入力にclass = "form-control"を追加します。