title: How do i center Youtube Video (iframe) in twitter bootstrap 3?
body: <p>Hi I am trying to center the iframe for a Youtube video in Twitter Boostrap 3, currently it is left aligned. </p>
  
  <p>I have used the following html:</p>
  
  <pre><code>      &lt;div class="embed-responsive embed-responsive-16by9"&gt;
  
        &lt;iframe class="embed-responsive-item"  
         src="http://www.youtube.com/embed/zpOULjyy-n8?rel=0" 
         align="center" id="videothumbnail"&gt;&lt;/iframe&gt;
  
         &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>    #videothumbnail{
      height: 50%;
      width: 50%;
      float: center;}
  </code></pre>