引导程序中的 iframe 中心

Question

我很难让这个 iframe（youtube 视频）居中。 我正在使用引导程序，这是我的代码：

<div class="su-youtube su-responsive-media-yes"><iframe
    width="400"
    height="320"
    src="http://www.youtube.com/embed/SGOc9P4Ynm?modestbranding=1&controls=0&iv_load_policy=3&rel=0&showinfo=0&color=white"
    frameborder="0"></iframe> </div>

我也尝试添加“center-block”和“text-center”类，还尝试从 div 中删除 iframe。有什么想法吗？

Answer 1

CSS：

.su-youtube {
  margin: 0 auto;
  display: block;
}

CODEPEN EXAMPLE