如何中心Youtube视频（iframe）在twitter bootstrap 3？ [英] How do i center Youtube Video (iframe) in twitter bootstrap 3?

问题描述

您好，我试图在Twitter Boostrap 3中找到一个Youtube视频的iframe，目前它是左对齐的。

Hi I am trying to center the iframe for a Youtube video in Twitter Boostrap 3, currently it is left aligned.

我使用了以下html：

I have used the following html:

      <div class="embed-responsive embed-responsive-16by9">

      <iframe class="embed-responsive-item"  
       src="http://www.youtube.com/embed/zpOULjyy-n8?rel=0" 
       align="center" id="videothumbnail"></iframe>

       </div>

CSS：

    #videothumbnail{
    height: 50%;
    width: 50%;
    float: center;}

推荐答案

col-xs-12 text-center 。您不需要 float：center;

因此请更改：

<div class="embed-responsive embed-responsive-16by9">

到

<div class="embed-responsive embed-responsive-16by9 col-xs-12 text-center">

这篇关于如何中心Youtube视频（iframe）在twitter bootstrap 3？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！