2013-12-11 55 views
1

我想在屏幕中間很好地將我的表格形式居中,有人可以告訴我如何修改此代碼嗎?如何在頁面中心很好地對齊類的twitter引導形式?

<body> 

<div class="container"> 
    <div class="container"> 
     <img class="myimg" src="img/logo.png" alt="my logo"/> 
    </div> 
    <div class="container"> 
     <form class="well span4"> 
      <input type="text" class="span3" placeholder="Username"/><br/> 
      <input type="password" class="span3" placeholder="Password"/><br/> 
      <button class="btn btn-primary span3">Sign in</button> 
     </form> 
    </div> 
</div> 

回答

1

嘗試在你有權有(在.well的父級)的第二.container使用

<div class="container text-center"> 

0

這應該這樣做。只是抵消你的形式通過4.這工作,因爲3周的cols的寬度相等

<div class="container"> 
<div class="container"> 
    <img class="myimg" src="img/logo.png" alt="my logo"/> 
</div> 
<div class="container"> 
    <form class="well offset4 span4"> 
     <input type="text" class="span3" placeholder="Username"/><br/> 
     <input type="password" class="span3" placeholder="Password"/><br/> 
     <button class="btn btn-primary span3">Sign in</button> 
    </form> 
</div> 

+0

,但如果我想保持響應,止跌牛逼的是毀了嘛? –

+0

不,先生它不會,默認情況下,一切都變成寬度100% –