fixes #9445: make img responsive mixin use display block, but provide option to pass custom value to it

This commit is contained in:
Mark Otto 2013-08-14 23:06:37 -07:00
parent 0456e5e4b3
commit 622fe05ff4
3 changed files with 5 additions and 11 deletions

View File

@ -344,12 +344,6 @@ img {
vertical-align: middle;
}
.img-responsive {
display: inline-block;
height: auto;
max-width: 100%;
}
.img-rounded {
border-radius: 6px;
}
@ -4567,7 +4561,7 @@ button.close {
.thumbnail > img,
.img-thumbnail {
display: inline-block;
display: block;
height: auto;
max-width: 100%;
}
@ -4872,7 +4866,7 @@ a.list-group-item.active > .badge,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: inline-block;
display: block;
height: auto;
max-width: 100%;
line-height: 1;

File diff suppressed because one or more lines are too long

View File

@ -73,8 +73,8 @@ img {
}
// Responsive images (ensure images don't scale beyond their parents)
.img-responsive {
display: inline-block;
.img-responsive(@display: block;) {
display: @display;
max-width: 100%; // Part 1: Set a maximum relative to the parent
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
}