如何在Twitter Bootstrap上设置一个框

Question

我正在布置一个登录屏幕,在该屏幕上只有一个包含LOGIN和PASSWORD的框.我需要纵向和横向集中(就像任何传统的登录屏幕一样).

我如何通过Twitter Bootstrap实现这一目标？

谢谢!

Answer 1

如果您使用的是bootstrap网格,那么您可以偏移列:

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