responsivewrappers-b4.css in Responsive wrappers 8
.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 {
display: block;
width: 100%;
overflow-x: auto;
}
.table {
width: 100%;
max-width: 100%;
}
.img-fluid {
display: block;
max-width: 100%;
height: auto;
}
File
assets/css/responsivewrappers-b4.css
View source
- .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 {
- display: block;
- width: 100%;
- overflow-x: auto;
- }
- .table {
- width: 100%;
- max-width: 100%;
- }
- .img-fluid {
- display: block;
- max-width: 100%;
- height: auto;
- }