resources/scss/bootstrap/_responsive-embed.scss

   1 // Embeds responsive
   2 //
   3 // Credit: Nicolas Gallagher and SUIT CSS.
   4
   5 .embed-responsive {
   6   position: relative;
   7   display: block;
   8   height: 0;
   9   padding: 0;
  10   overflow: hidden;
  11
  12   .embed-responsive-item,
  13   iframe,
  14   embed,
  15   object,
  16   video {
  17         position: absolute;
  18         top: 0;
  19         left: 0;
  20         bottom: 0;
  21         height: 100%;
  22         width: 100%;
  23         border: 0;
  24   }
  25 }
  26
  27 // Modifier class for 16:9 aspect ratio
  28 .embed-responsive-16by9 {
  29   padding-bottom: 56.25%;
  30 }
  31
  32 // Modifier class for 4:3 aspect ratio
  33 .embed-responsive-4by3 {
  34   padding-bottom: 75%;
  35 }