为什么这些堆叠在彼此之上 Bootstrap Span答案

【问题标题】：Why are these stacking on top of eachother Bootstrap Span为什么这些堆叠在彼此之上 Bootstrap Span
【发布时间】：2014-11-02 03:21:42
【问题描述】：

我的两列布局是堆叠在一起，而不是并排放置。

谁能帮帮我？

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/bootstrap-responsive.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="row-fluid">
        <div class="span12">
            <div class="row-fluid">
                <div class="span8">
                    <img src="img/banner-cat.png" />
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <form class="form">
                        <label for="name" class="col-sm-2 control-label"></label>
                        <input type="text" class="form-control" placeholder=" First Name">
                        <label for="name" class="col-sm-2 control-label"></label>
                        <input type="text" class="form-control" placeholder=" Last Name">
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

【问题讨论】：

您正在使用 Bootstrap 2。阅读文档并查看 css 文件的顺序以及如何使用网格。 getbootstrap.com/2.3.2/ -- 有流体网格的例子。
您的库是 Bootstrap 版本 2 还是 3？

标签： html css twitter-bootstrap twitter-bootstrap-2

【解决方案1】：

你有一堆不必要的 div：

<body>
    <div class="row-fluid">
        <div class="span8">
            <img src="img/banner-cat.png" />
        </div>
        <div class="span4">
            <form class="form">
                <label for="name" class="col-sm-2 control-label"></label>
                <input type="text" class="form-control" placeholder=" First Name">
                <label for="name" class="col-sm-2 control-label"></label>
                <input type="text" class="form-control" placeholder=" Last Name">
            </form>
        </div>
    </div>
</body>

基本上，应该在一行中的任何内容都需要在同一个row 或row-fluid 容器中。这在文档中有所介绍：http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

【讨论】：