我的网站在我放置这个不应该这样做的div后右侧显示这个奇怪的空白区域

Question

这是我的网页。http://ownscene.com/index-en.html

问题在于第二节中的嵌入视频。

这是代码

  <!-- present -->
<section class="no-padding bg-primary">    
<div>
  <div class="row">
    <div style="color: #fff;" class="col-lg-2"></div>
      <div class="col-lg-8 col-md-12 wow fadeIn" >
 
                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe class="embed-responsive-item" src="//www.youtube.com/embed/HLKPZ-vFYqI"></iframe>
                        </div>
        </div>  
    <div style="color: #fff;" class="col-lg-2"></div>
</div>
</section>
<!-- present -->

我试着删除左和右div，奇怪的空格消失了。我不知道该怎么办，我希望它在lg上居中并更小，然后在md 中占据全部空间

请帮助

谢谢你，

Answer 1

尝试使用col-lg-offset

<div class="container-fluid">
      <div class="col-lg-8 col-md-12 col-lg-offset-2 col-md-offset-0 wow fadeIn" >
         <div class="embed-responsive embed-responsive-16by9">
             <iframe class="embed-responsive-item" src="//www.youtube.com/embed/HLKPZ-vFYqI"></iframe>
         </div>
     </div>  
</div>

Answer 2

使用CSS删除边框，因为iframe有默认的边框

<iframe style="border: 0 none" class="embed-responsive-item" src="//www.youtube.com/embed/HLKPZ-vFYqI"></iframe>