Cacher is the code snippet organizer for pro developers

/* https://github.com/twbs/bootstrap/blob/v4-dev/scss/_responsive-embed.scss */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
  }
    .embed-responsive-16by9 {
      padding-bottom: 56.25%;
    }
    .embed-responsive-4by3 {
      padding-bottom: 75%;
    }