Css 如何在Twitter引导上居中放置一个方框
我正在布置一个登录屏幕,屏幕上只有一个带有登录名和密码的框。我需要垂直和水平集中(就像任何传统的登录屏幕一样) 我如何通过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;语法有点不同: <
谢谢 如果使用引导网格,则可以偏移列:
<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>