title: Responsive iframe using Bootstrap
body: <p>I am using Bootstrap.</p>
  
  <p>I have a text which contains 2 or 3 iframes based embed videos.</p>
  
  <p>This data is fetched from database.</p>
  
  <p>How can I make these iframes responsive?</p>
  
  <p><strong>Example Code:</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
  
     &lt;div class="col-lg-12 col-md-12 col-sm-12"&gt;
  
       SOME TEXT SOME TEXT SOME TEXT SOME TEXT
       SOME TEXT SOME TEXT SOME TEXT SOME TEXT
  
       &lt;iframe src="http://youtube.com/...."&gt;&lt;/iframe&gt;
  
       SOME TEXT SOME TEXT SOME TEXT SOME TEXT
       SOME TEXT SOME TEXT SOME TEXT SOME TEXT
  
       &lt;iframe src="http://youtube.com/...."&gt;&lt;/iframe&gt;
  
  
       SOME TEXT SOME TEXT SOME TEXT SOME TEXT
       SOME TEXT SOME TEXT SOME TEXT SOME TEXT
  
       &lt;iframe src="http://youtube.com/...."&gt;&lt;/iframe&gt; 
  
     &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>This is a dynamic data. How can I make it responsive?</p>