css - Bootstrap - span div 垂直对齐而不是水平对齐

标签 css twitter-bootstrap html

我一直在尝试对齐 span3 <div>彼此相邻,但我一直让它们一个放在另一个之上。

所以,我想要:

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 文件中有一些错误。

我的建议 - 下载 2.3.2,它会工作得很好

关于css - Bootstrap - span div 垂直对齐而不是水平对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18637855/

相关文章:

html - CSS 中的白条显示但未定义

jquery - 单击覆盖时关闭侧边栏

css - 使用 css 和伪元素定位 sibling

twitter-bootstrap - CSS - 如何使用 Bootstrap 将 <span> 内容对齐到中间?

html - 无法在 Bootstrap 列中设置元素样式

css - Bootstrap 移动应用程序按钮大小

javascript - React jsx 第一个选项卡在切换后中断

javascript - CSS::after 选择器动画速度变慢

jquery - 使用jquery设置di​​v标签的值

javascript - 为什么我的 OpenLayers 3 map 没有显示在 Internet Explorer 11 中?