iframe中心在bootstrap中

Question

我很难将这个iframe（youtube视频）放到中心位置。 我正在使用bootstrap，这是我的代码：

<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