如何在Twitter上放置一個盒子引導程序

我正在鋪設一個登錄屏幕，並在該屏幕上只是一個帶有LOGIN和PASSWORD的盒子。我需要垂直和水平集中（像任何傳統的登錄屏幕一樣）。如何在Twitter上放置一個盒子引導程序

如何使用Twitter Bootstrap實現此目標？

謝謝！

2012-05-24 rizidoro

如果使用的是引導電網，那麼你就可以抵消你列：

<div class="row"> 
    <div class="span6 offset3"> 
    Your content goes here 
    </div> 
</div>

見這裏的例子：http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

或者你也可以使用CSS簡單點塊元素，

div.login-box{ 
    margin:0 auto; 
    width: 720px; 
}

來源

2012-05-24 18:13:22 Johny

但是，你可以實現你的第二個方法響應行爲？ – dennisbot

您可以使用各種CSS媒體查詢爲不同的分辨率設置不同的寬度。或者你可以嘗試使用百分比寬度。 70％ – Johny

我不認爲這回答了這個問題，因爲第一個選項是偏移（不是真正居中），第二個選項不使用Bootstrap。 – felwithe

更新到Johny的答案：對於Bootstrap 3;語法是有點不同：

<div class="row"> 
    <div class="col-sm-6 col-sm-offset-3"> 
     Your content goes here 
    </div> 
</div>

或：更好的是：

<div class="container"> 
    <div class="row"> 
     <div class="col-sm-6 col-sm-offset-3"> 
      Your content goes here 
     </div> 
    </div> 
</div>

來源

2015-09-14 01:04:34 HardlyNoticeable

如何在Twitter上放置一個盒子引導程序

回答

相關問題