兩列中心登錄屏幕與Twitter引導

Question

我有或多或少得到了我想要的登錄屏幕。

這裏是一個鏈接： http://bootsnipp.com/snippets/featured/parallax-login-form

但是我想在旁邊的登錄表單添加第二個列。所以在左邊它將有登錄表單，然後在右邊它將有一個區域的一些信息。

因爲某種原因，我添加的所有內容都將第二列直接放在登錄表單下方，而我希望它旁邊並排放置。

這怎麼可能？

Answer 1

你將需要添加到兩列的

float:left; 

的容器內。容器需要爲

margin:0 auto; 

保持居中。 在容器內，在它結束時，你需要

clear:both; 

一個div總結：

<div class="container" style="margin:0 auto;width:300px;"> 
<div class="col1" style="float:left;width:150px;"></div> 
<div class="col2" style="float:left;width:150px;"></div> 
<div style="clear:both;"></div> 
</div>