Question

Bootstrap真的很新，所以请耐心等待。我只是试一试，似乎不能让它们保持漂浮状态？

我有一个col-md-4和一个col-md-8浮动，但一旦col-md-4中包含此表单，col-md-8将停止浮动并被清除？< / p>

    <form class="form-center" role="form">
       <div class="form-group">
          <div class="input-group"> 
              <span class="input-group-addon">
                  <i class="fa fa-user fa-fw"></i>
              </span>                            
              <input type="text" id="username" name="username" class="form-control" placeholder="Username" />
        </div>
        <div class="form-group">
            <label for="password" class="sr-only">Password</label>
            <div class="input-group"> 
                <span class="input-group-addon">
                    <i class="fa fa-key fa-fw"></i>
                </span>
                <input type="password" id="password" name="password" class="form-control" placeholder="password" />
            </div>  
          <div class="checkbox">
  <label><input type="checkbox" value="">Remember Me</label>
</div>
        </div>
        <button type="submit" class="btn btn-default">Create account</button>
</form>

此处还有codepen手头的问题。感谢所有的帮助！

Answer 1

您需要正确关闭div col-md-4，现在col-md-8位于col-md-4内，因此它不会漂浮在它旁边

你有什么：

<div class="col-md-4">
    <form />
    <div class="col-md-8"></div>
</div>

你应该把它改成什么

<div class="col-md-4">
    <form />
</div>
<div class="col-md-8"></div>

col-md-4和col-md-8在添加表单后不会浮动？

1 个答案: