水平图像和嵌入视频之间的差距

时间:2016-11-07 04:53:38

标签: html css twitter-bootstrap grid-layout

图像和嵌入式视频之间存在差距。移动视图中没有问题。

override func viewDidAppear(animated: Bool) {
    super.viewDidAppear(animated)
    FBSDKLoginManager().logOut()

    self.prefersStatusBarHidden()
}

override func prefersStatusBarHidden() -> Bool {
    return true
}

1 个答案:

答案 0 :(得分:1)

使用col-sm-6添加类'nopadding'...这将解决您的问题。

<div class="section"> 
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-6 nopadding"><div class="embed-responsive embed-responsive-16by9"> 

        <img  class="embed-responsive-item" width="600px" height="360" src="images\lenovok5.jpg"/>                                  </div>
      </div>
      <div class="col-sm-6 nopadding">
        <div class="embed-responsive embed-responsive-16by9"><iframe width="560" height="315" class="embed-responsive-item" src="https://www.youtube.com/embed/_9G7CGbk4SA"></iframe>
        </div>
      </div>
    </div>
  </div>
</div>

CSS文件添加以下代码:

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}