引导4网格问题

-1

我有一些问题尊重引导4.我有一个内容col-sm-9和col-sm-3 float-right右侧边栏。但侧边栏并非从顶部开始，而是从col-sm-9结束后开始。我想对齐这两列。引导4网格问题

这里是它是如何看的页面：在这里，您可以检查网页的代码：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>

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

来源

2017-10-19 GoingSolo

为了让我们更好地为您提供帮助，能否请您更新您的问题，以便在[**最小，完整和可验证的示例**]中显示**相关代码**（http：// stackoverflow .com/help/mcve）在**问题本身**。外部网站可能是恶意的或由过滤器系统标记;用户可能无法访问它们。如果您能让我们知道您迄今为止已经尝试解决您的问题，也会有所帮助。有关详细信息，请参阅有关[**如何提出良好问题**]（http://stackoverflow.com/help/how-to-ask）的帮助文章:) –

为什么选择downvoted？我已经解决了我的问题 – GoingSolo

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

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

试试吧，让我知道它是否有效。

来源

2017-10-19 21:19:11

你说得对，我不得不添加另一行，我已经修复了它。谢谢 – GoingSolo

我将此设置为有效，但我的问题出了什么问题？有人低估了我 – GoingSolo

@GoingSolo欢迎来到Stack Oveflow。当他们在这里扮演主持人时，人们会很兴奋，并且会减少他们眼中不完美的东西。可能是因为你的问题很难重新创建。我个人认为，没有人愿意为解决问题付出额外的努力来证明自己是失望的。 –

引导4网格问题

回答

相关问题