如何使用Bootstrap clearfix清除浮动？

Question

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

CSS代码：

#single-post,
#sidebar-area {
    margin:10px auto;
    background: #fff;
    border: 1px solid #d7d7d7;
    padding: 15px;
}

图像展示

当我的单个帖子内容高度比侧边栏区域短时，一些侧边栏小部件会转到单个内容区域下。 如果侧边栏高于单个内容，使用Bootstrap clearfix类，如何显示侧边栏区域内的所有侧边栏小部件？

Answer 1

感谢您回复我，但问题解决了 我在我的侧边栏小部件中使用了这个网格，因为它与每个小部件重复，我删除了代码并粘贴在sidebar.php文件中，我的问题解决了，所有小部件都显示在侧边栏区域

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