以 DIV 为中心的问题

【问题标题】：Problems Centering DIV以 DIV 为中心的问题
【发布时间】：2012-09-14 21:51:03
【问题描述】：

我似乎无法让我的登录 div 居中，我在想它与我正在使用的 Twitter Bootstrap 冲突，希望有人能帮我弄清楚是什么原因造成的..

我正在尝试让它在桌面、iPhone 和 iPad 上运行。它很接近，在 iphone 中居中，但桌面和 ipad 的居中非常偏离

http://jsfiddle.net/urkd4/1/

【问题讨论】：

以 Chrome 为中心。
需要把你的元素、相对位置和边距自动放置。删除其他所有内容，例如左侧或右侧。

标签： html css twitter-bootstrap centering

【解决方案1】：

如果您从 span9 中删除样式，您的 div 将居中。

我只是更改了跨度的类名，所以样式不适用...

 <div class="container-fluid">
    <div class="row-fluid">

        <!--/span-->
        <div class="span">
            <div class="loginContainer">
<form class="form-horizontal" action="dashboard.html" id="loginForm">
    <div class="form-row row-fluid">
        <div class="span12">
            <div class="row-fluid">
                <label class="form-label span12" for="username">
                    Username:

它的工作原理是 span9 类有一些宽度：)

http://jsfiddle.net/urkd4/2/embedded/result/

【讨论】：