Css Bootstrap-span div'；s垂直对齐，而不是水平对齐

我一直试图将span3

相邻对齐，但我一直让它们一个接一个

因此，我想：

SPAN3 SPAN3

相反，我得到的是：

SPAN3

SPAN3

非常感谢您的帮助，非常感谢

<div class="container">



        <div class="row-fluid" >

            <div class="span3">

                <form class="well" action="login.php">
                <legend>Sign In</legend>
                    <div class="control-group">
                        </br><input name="username" type="text" placeholder="Enter your username" class="input-large"></br></br>
                    </div>
                    <div class="control-group">
                        </br><input name="password" type="password" placeholder="Enter your password" class="input-large"></br></br>
                    </div>
                    <div class="control-group">
                        <button type="submit" class="btn">Log in</button></br></br>
                        <a> OR </a></br></br>
                        <button type="button" class="btn btn-primary">New user? Register Here!</button>
                    </div>

                </form>

            </div>

            <div class="span3">

                <img src="someimage.jpg" alt="sijpg">

            </div>

        </div>



    </div>

登录








登录


或


新用户？在这里注册！

是吗

---

也就是说？

也有同样的问题，问题出在Bootstrap 3.0中-它的Bootstrap.min.css文件中有一些bug

---

我的建议-下载2.3.2，它可以正常工作

也有同样的问题，问题出在Bootstrap 3.0中-它的Bootstrap.min.css文件中有一些bug

---

我的建议-下载2.3.2，它会很好地工作

似乎很好。。。你能发布一个复制这个问题的JSFIDLE吗？你使用的是什么引导版本？这是JSFIDLE：由于某些原因，它不能与外部css一起工作，所以我只是复制粘贴了我的整个bootstrap.min.css。我正在使用bootstrap 3.0 bootstrap 3.0不再使用“span3”类（或任何其他数字），这就是为什么它不适用于您。您使用的是bootstrap 2.x HTML，而不是3.x CSS。正如Ivan在下面提到的，使用版本2（bootstrap 2.3.2）中的最新CSS，一切都应该适合您。这里的示例：（另外，由于这是为了响应而设计的，请确保将“结果”视图窗口拉伸到全宽，否则媒体查询将启动，第二个span3将结束）看起来很好。。。你能发布一个复制这个问题的JSFIDLE吗？你使用的是什么引导版本？这是JSFIDLE：由于某些原因，它不能与外部css一起工作，所以我只是复制粘贴了我的整个bootstrap.min.css。我正在使用bootstrap 3.0 bootstrap 3.0不再使用“span3”类（或任何其他数字），这就是为什么它不适用于您。您使用的是bootstrap 2.x HTML，而不是3.x CSS。正如Ivan在下面提到的，使用版本2（bootstrap 2.3.2）中的最新CSS，一切都应该适合您。这里的示例：（另外，由于这是为了响应而设计的，请确保将“结果”视图窗口拉伸到全宽，否则媒体查询将启动，第二个span3将换行）这确实使它们彼此堆叠，但现在它们不是内联的，第二个span3比第一个稍低。根据我对bootstrap的拙劣理解，它们应该完全对齐吗？另外，如果我尝试执行class=“span3 offset2”或任何其他相关的偏移->什么也不会发生，好像它甚至不在css中。你在跟我说话吗？你可以用第一个span3表单的padding属性来修复这个问题。我知道你可以用padding和margins来修复小的偏移量，但这不是重点。考虑到bootstrap的简洁性和简洁性，我希望得到一个不需要我添加额外（不必要）CSS属性的答案。这确实使它们彼此堆叠，但现在它们不是内联的，第二个SPAN3比第一个稍低。根据我对bootstrap的拙劣理解，它们应该完全对齐吗？另外，如果我尝试执行class=“span3 offset2”或任何其他相关的偏移->什么也不会发生，好像它甚至不在css中。你在跟我说话吗？你可以用第一个span3表单的padding属性来修复这个问题。我知道你可以用padding和margins来修复小的偏移量，但这不是重点。考虑到bootstrap的干净性和简单性，我希望得到一个不需要我添加额外（不必要）CSS属性的答案。除了3.0中没有bug之外，这实际上是正确的答案-它只是从2.x到不再使用span类的一个大范围更改。有关主要类更改的完整列表，请参见：除了3.0中没有bug之外，这实际上是正确的答案-它只是2.x的一个大规模更改，不再使用span类。有关主要类更改的完整列表，请参见：

.span3 { display:inline-block; }