Bootstrap 4网格问题

Question

我遇到了一些尊重bootstrap网格的问题4.我的内容为col-sm-9，右侧边栏为col-sm-3 float-right。但是侧边栏不是从顶部开始，而是在col-sm-9结束后开始。我想对齐两个专栏。

以下是它正在寻找的页面： 在这里，您可以检查页面的代码：Code

这基本上是我的html：

<section class="row clearfix" ng-cloak>
<div class="content-top no-gutters">
<div style="background-image: url({{post.better_featured_image.source_url}});" class="content-tracks-image">
</div>
    <div class="content-featured-image">
            <img>
    </div>
</div>  

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

<div class="gs-track col-sm-9"><!--start player-->      
<!---player--->
</div><!-- close player -->
<div class="col-sm-9 bg-white pt-3 pb-3" ng-cloak><!-- start content-->
<!--content->
</div><!-- close content -->
<div class="col-sm-3 float-right pt-3"><!-- start sidebar -->
<!-- sidebar -->
</div><!-- close sidebar -->

</section>

我能够将侧边栏与内容对齐，但我必须在播放器之前移动侧边栏，我不想有这种行为。

Answer 1

使用您提供的链接很困难，因为当我尝试运行HTML时，我不会得到相同的内容。但是在手动输入我自己的内容并尝试重新创建时，我发现在容器div上使用bootstraps ROW。

<div class="row"> 
    <div class="col-sm-9">CONTENT</div>
    <div class="col-sm-3">SIDEBAR</div>
</div>

尝试一下，让我知道它是否有效。