このdivを配置した後、私のウェブサイトはこの奇​​妙な空白を表示します。

Question

ここは私のウェブページです。 http://ownscene.com/index-en.html

問題は2番目のセクションの埋め込みビデオです。ここで

は、私はdiv要素と奇妙な空白がなくなって、左右両方削除しようとしたコード

<!-- 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 -->

です。 私が何をするか分からない、私はそれを中心にしたいとLGに小さいが、その後MD

で完全なスペースを取る

ありがとう助けてください、

Answer 1

iframeのため、CSSを使用して境界線を削除しますデフォルトの境界線がある

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

Answer 2

使用してみてください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>