Responsive Embeds Added

Author: coliff

test.htm

@@ -1533,6 +1533,9 @@ <h1>Grid</h1>
           2 of 2
         </div>
       </div>
+
+      <hr>
+
       <div class="row">
         <div class="col">
           1 of 3
@@ -1545,12 +1548,17 @@ <h1>Grid</h1>
         </div>
       </div>
 
+      <hr>
+
       <div class="row">
         <div class="col">col</div>
         <div class="col">col</div>
         <div class="col">col</div>
         <div class="col">col</div>
       </div>
+
+      <hr> 
+
       <div class="row">
         <div class="col-8">col-8</div>
         <div class="col-4">col-4</div>
@@ -1741,6 +1749,45 @@ <h3>justify-content-around</h3>
       </div>
 
 
+        <div class="bs-docs-section" id="flexbox">
+        <div class="row">
+            <div class="col-md-6">
+                      <div class="page-header">
+                <h1>Responsive Embeds</h1>
+              </div>
+
+      <h4>21:9 aspect ratio</h4>
+<div class="embed-responsive embed-responsive-21by9">
+  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"></iframe>
+</div>
+
+<hr>
+
+<h4>16:9 aspect ratio</h4>
+<div class="embed-responsive embed-responsive-16by9">
+  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"></iframe>
+</div>
+
+<hr>
+
+<h4>4:3 aspect ratio</h4>
+<div class="embed-responsive embed-responsive-4by3">
+  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"></iframe>
+</div>
+
+<hr>
+
+<h4>1:1 aspect ratio</h4>
+<div class="embed-responsive embed-responsive-1by1">
+  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"></iframe>
+</div>
+
+</div>
+</div>
+</div>
+
+
+
 
     <div id="source-modal" class="modal fade">
       <div class="modal-dialog modal-lg">