网格系统无法正常工作

Question

由于某种原因，引导程序仅允许我使用“ col-sm”类。 如果我在代码中输入了其他任何内容（包括“ xs”类），则这些列将彼此堆叠。 这是我的代码：

    <div class="container-fluid">
            <div class="row">
                <div class="col-xs-9">
                    <div class="well">something here</div>
                </div>
                <div class="col-xs-3">
                    <div class="well">something here</div>
                </div>
            </div>
        </div>

我已经确保链接了适当的CSS，JS和jQuery文件（因此，为什么“ col-sm”类起作用），并且除了它们之外，仅链接了我自己的个人CSS样式表（它没有预定义任何宽度）或任何元素的高度）。 此外，我正在查看有关最新版本的Mozilla Firefox的工作。

编辑：我已经关闭了类“流体容器”的股利，它仍然会产生同样的问题。 即，两列不是在同一行上出现，而是彼此堆叠。 由于某种原因，唯一起作用的类是“ col-sm” －任何其他类，包括“ xs”，都只是将列彼此顶行。

Answer 1

您的代码是正确的，只是您错过的是div标签的最后一个'>'关闭。 更换：

<div class="container-fluid"

与：

<div class="container-fluid">

Answer 2

请首先修复div <div class="container-fluid"丢失的问题>请参见以下更正的格式

<div class="container-fluid">
        <div class="row">
            <div class="col-xs-9">
                <div class="well">something here</div>
            </div>
            <div class="col-xs-3">
                <div class="well">something here</div>
            </div>
        </div>
    </div>

Answer 3

使用引导程序的最新稳定版本3.7.7，将解决此问题。 您可以从这里下载。 如果您不想使用最新版本，可以尝试使用col-sm-9代替col-xs-9和col-sm-3代替col-xs-3 ，这也可以解决问题。