Css 如何在Twitter引导上居中放置一个方框

Css 如何在Twitter引导上居中放置一个方框,css,twitter-bootstrap,Css,Twitter Bootstrap,我正在布置一个登录屏幕,屏幕上只有一个带有登录名和密码的框。我需要垂直和水平集中(就像任何传统的登录屏幕一样) 我如何通过Twitter引导实现这一点 谢谢 如果使用引导网格,则可以偏移列: <div class="row"> <div class="span6 offset3"> Your content goes here </div> </div> 更新Johny的答案:对于Bootstrap 3;语法有点不同: <

我正在布置一个登录屏幕,屏幕上只有一个带有登录名和密码的框。我需要垂直和水平集中(就像任何传统的登录屏幕一样)

我如何通过Twitter引导实现这一点


谢谢

如果使用引导网格,则可以偏移列:

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

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

你的内容放在这里

但是,第二种方法能否实现响应行为?您可以简单地使用各种CSS媒体查询为不同的分辨率设置不同的宽度。或者你可以尝试一下百分比宽度,例如70%,我认为这不能回答问题,因为第一个选项是偏移量(不是真正居中),第二个选项不使用引导。你在这里太挑剔了。第一个答案达到中心位置(即使其偏移)。第二个是它的纯CSS——作为替代方案提供。引导本身不向中心块元素提供任何类。
<div class="container">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3">
            Your content goes here
        </div>
    </div>
</div>