Bootstrap 网格在 bootply 中正常工作但在 html 中不正常，为什么？

Question

我想做的就是使用网格系统制作两列，一列长度为 4，一列长度为 8。

我的 bootply 运行良好。 http://www.bootply.com/Cv6nENbxG6

但是，我的html代码不是

<body>    
    <div class="container">
        <h1>Reviews</h1>
            <div class="row">
                <div class="col-xs-4" style="background-color:lavender;">.col-xs-4</div>
                <div class="col-xs-8" style="background-color:lavenderblush;">.col-xs-8</div>
            </div>
    </div>
</body>

我在头部部分只有 bootstrap css。对导致列不起作用的原因有任何想法吗？

此外，这是一个不起作用的 jsfiddle。不知道此时发生了什么https://jsfiddle.net/q2djuchm/1/

Answer 1

为了完整性检查，您是否将 bootstrap.css 文件包含在 html 中？编辑：这是因为 bootstrap 的版本不同。 Bootply 使用的是 3.3.6，而 jsfiddle 使用的是 2.3.2。如果您想使用 2.3.2 版本，则需要使用 span4 和 span8 getbootstrap.com/2.3.2/scaffolding.html#gridSystem

Bootstrap 网格在 bootply 中正常工作但在 html 中不正常，为什么？

Bootstrap grid works properly in bootply but not in html, why?

html

css

grid-layout

twitter-bootstrap