html – 如何使用BootStrap水平居中表单？

概述您好我在尝试使用BootStrap 2在屏幕中间放置一个登录表单.我已尝试使用偏移等几种组合.但我似乎没有运气.. <div class="row-fluid"> <form action='' method='POST' id='loginForm' class='form-horizontal' autocomplete='off'> ... </form></div 您好我在尝试使用bootstrap 2在屏幕中间放置一个登录表单.我已尝试使用偏移等几种组合.但我似乎没有运气..

<div >    <form action='' method='POST' ID='loginForm' class='form-horizontal' autocomplete='off'>    ...    </form></div>

有关如何实现这一目标的任何建议？

解决方法 如果你想使用网格系统,请按照@ Pickle的回答开始.这将使包含表单的跨区列居中.如果你希望表格在那个范围内居中,你将不得不做更多的工作,比如@kajo在你的问题评论中提到的事情.

要详细说明@Pickle的答案,这里有一些示例代码,它们在默认的12列网格中以4列的范围为中心.如果您需要跨越不同数量的列,请使用@ Pickle的公式(但请记住,您的跨栏列数必须是偶数)

<div >  <div >    <div >      .. form goes here ..    </div>  </div></div>

总结

以上是内存溢出为你收集整理的html – 如何使用BootStrap水平居中表单？全部内容，希望文章能够帮你解决html – 如何使用BootStrap水平居中表单？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。