You are here

Home » API reference » Responsive wrappers 8

responsivewrappers-b3.css in Responsive wrappers 8

Same filename and directory in other branches
  1. 2.0.x assets/css/responsivewrappers-b3.css
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video,
.embed-responsive embed,
.embed-responsive .embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
.table-responsive .table,
.table-responsive table {
  width: 100%;
  max-width: 100%;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

File

assets/css/responsivewrappers-b3.css
View source 
  1. .embed-responsive {

  2.   position: relative;

  3.   display: block;

  4.   height: 0;

  5.   padding: 0;

  6.   overflow: hidden;

  7. }

  8. .embed-responsive iframe,

  9. .embed-responsive object,

  10. .embed-responsive video,

  11. .embed-responsive embed,

  12. .embed-responsive .embed-responsive-item {

  13.   position: absolute;

  14.   top: 0;

  15.   bottom: 0;

  16.   left: 0;

  17.   width: 100%;

  18.   height: 100%;

  19.   border: 0;

  20. }

  21. .embed-responsive-16by9 {

  22.   padding-bottom: 56.25%;

  23. }

  24. .embed-responsive-4by3 {

  25.   padding-bottom: 75%;

  26. }

  27. .table-responsive {

  28.   min-height: .01%;

  29.   overflow-x: auto;

  30. }

  31. .table-responsive .table,

  32. .table-responsive table {

  33.   width: 100%;

  34.   max-width: 100%;

  35. }

  36. .img-responsive {

  37.   display: block;

  38.   max-width: 100%;

  39.   height: auto;

  40. }