title: Bootstrap responsive 9by16
body: <p>I am trying to provide a 'draw space' that is 16x9, but I want the user to be able to choose portrait or landscape orientation. I am already using <code>class=&quot;embed-responsive embed-responsive-16by9&quot;</code>. Is there an easy way to make the change using CSS?</p>
  <h3>Edit</h3>
  <p>Keep in mind that I will be adding divs into these containers. Their position within the 16x9 container should be relative to it's orientation as I wish to save the user's drawspace in order to re-create it.</p>