使用bootstrap.css创建背景时出错

Question

当我在侧容器代码中编写代码时使用bootstrap.css文件它会在输出页面创建白色背景但是当我运行时我没有得到白色背景

• 而是所有输出显示在框中

完整代码

在那张图片中你可以看到白盒子没有覆盖整个内容

• 我做了一切我找不到的错误
• 但我可以在其他页面获得白色框

Answer 1

您的所有内容都向左浮动，以便拥有必须清除浮动的白色背景。因此，您可以在.clearfix容器结束之前添加一个空的#accordian div，就像这样

<div id="accordian">
    .... your content here...

    <div class="clearfix"></div>
</div>

这是更新后的fiddle

Answer 2

在框css类中使用display: inline-block;：

.box {
padding: 50px 30px;
background: #fff;
position: relative;
border-radius: 10px;
display: inline-block;
}