Twitter bootstrap 如何使用引导clearfix清除浮动？

我的

single.php

页面中有一个WordPress主题。下面是HTML代码：

<div class="container">
    <div class="row">

        <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
            <div id="single-post">
                single post content
            </div>
        </div>

        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div id="sidebar-area">
                sidebar area
            </div>
        </div>

    </div>
</div>

图像呈现

当我的单篇文章内容高度比侧栏区域短时，一些侧栏小部件会位于单篇内容区域下方。

---

如果侧边栏高于单个内容，如何使用引导

clearfix

class显示侧边栏区域内的所有侧边栏小部件？

谢谢您的回复，但我的问题已经解决了 我在我的边栏小部件中使用了下面的网格，因为它在每个小部件中都会重复，我删除了代码并粘贴在

sidebar.php

文件中，我的问题得到解决，所有小部件都显示在边栏区域

<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
</div>

---

使用引导网格创建8（左侧的任何内容）和4（您的侧边栏）collums div，您在4 col div中输入的所有内容都将在这里，无论多长时间都将是您的侧边栏。也许我只是不明白你们的问题-很抱歉-但为什么你们要使用clearfix？简单的例子应该可以帮助你们-如果我理解你们的话

<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
</div>