Question

我一直试图将span3 <div>对齐，但我一直把它们放在另一个上面。

所以，我希望：

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>

Answer 1

有同样的问题，问题出在Bootstrap 3.0中 - 它的bootstrap.min.css文件中有一些错误。

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

Answer 2

.span3 { display:inline-block; }

那是吗？

Bootstrap - 跨度div垂直对齐而不是水平对齐

2 个答案: