Here's a nice solution:

https://gist.github.com/2302238 

On Friday, 10 February 2012 08:04:36 UTC+1, soichi wrote:
>
> for Bootstrap2, 
>
> I am trying to embed a YouTube video in Bootstrap + html.  For that, 
> media grid seems perfect. 
>
> so I tried, 
>
>             <div class="span9"> 
>               <ul class="thumbnails"> 
>                 <li class="span4"> 
>                   <a href="#" class="thumbnail"> 
>                     <iframe width="360" height="268" 
> src="http://www.youtube.com/ 
>
> embed/xVz1niSO3hg <http://www.youtube.com/embed/xVz1niSO3hg>" 
> frameborder="0" allowfullscreen></iframe> 
>                   </a> 
>                 </li> 
>               </ul> 
> ... 
>
> does not match perfectly.  The grid is much smaller than the video 
> itself, and if I change the size of browser, the layout gets messed 
> up. 
> I would like to place another adjacent element on the right, so 
> perfect fitting becomes crucial. 
>
> Am I doing anything wrong? 
>
> Thanks in advance. 
>
> soichi 
>
>

Reply via email to