Bootstrap网格在bootply中正常工作但在html中不能正常工作,为什么?

时间:2016-03-10 21:16:47

标签: html css twitter-bootstrap grid-layout

我所要做的就是使用网格系统制作两列,一列长度为4,长度为一列。

我的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/

1 个答案:

答案 0 :(得分:1)

为了进行健全性检查,您是否在html中包含了bootstrap.css文件? 编辑: 这是因为bootstrap的版本不同。 Bootply使用3.3.6,jsfiddle使用2.3.2。如果您想使用版本2.3.2,则需要使用span4和span8 getbootstrap.com/2.3.2/scaffolding.html#gridSystem