How to implement a responsive Youtube embed iframe with Twitter Bootstrap?

Question

Currently I\'m embedding Youtube videos with the following HAML code in a Twitter Bootstrap based site:

.row
  .span12
    %iframe.span11{ :height => \"720\",         


        

Answer 1

If using bootstrap, the method below is without a doubt the easiest way to implement a responsive embed:

Documentation can be found here: http://getbootstrap.com/components/#responsive-embed.