col-md-4和col-md-8在添加表單後不會浮動？

Question

Bootstrap真的很新，請耐心等待。我只是試試看，似乎無法讓這些保持漂浮？

我有一個col-md-4和col-md-8漂浮，但一旦這種形式包含在col-md-4，該col-md-8將停止浮動，只是被清除？

<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>