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 =＆＃34; container＆＃34;或类=＆＃34;容器流体＆＃34; 。在我的例子中，我看到，你为所有行拿了一个容器。您的复选框没有像col-xs这样的网格类 - ** col-sm - **（您可以使用空类来定位复选框，例如，您需要三个col-sm-4。在第一列中，您放下元素。接下来的两个你留空。在这种情况下，你可以将你的元素放在你想要的位置）。添加class =＆＃34; form-control＆＃34;在每一个输入。

Bootstrap 3表单列不折叠

1 个答案: