前端之家收集整理的这篇文章主要介绍了
html – 如何使用BootStrap水平居中表单？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
您好我在尝试使用BootStrap 2在屏幕中间放置一个
登录表单.我已尝试使用偏移等几种组合.但我似乎没有运气..
<div class="row-fluid">
<form action='' method='POST' id='loginForm' class='form-horizontal' autocomplete='off'>
...
</form>
</div>
有关如何实现这一目标的任何建议？
如果你想使用网格系统,请按照@ Pickle的回答开始.这将使包含表单的跨区列居中.如果你希望表格在那个范围内居中,你将不得不做更多的工作,比如@kajo在你的问题
评论中提到的事情.
要详细说明@Pickle的答案,这里有一些示例代码,它们在默认的12列网格中以4列的范围为中心.如果您需要跨越不同数量的列,请使用@ Pickle的公式(但请记住,您的跨栏列数必须是偶数)
<div class="container">
<div class="row">
<div class="offset4 span4">
.. form goes here ..
</div>
</div>
</div>
原文链接：https://www.f2er.com/html/227027.html
