rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Overall responsive img styles

Browse source 
`img`s are no longer responsive by default. Instead, use
`.img-responsive` as a class or mixin. Existing `.thumbnail > img` and
`.img-thumbnail` classes now make use of this as a mixin as well.
This commit is contained in:
Mark Otto 2013-06-28 00:09:10 -07:00
parent 1a09eada35
commit 09cdee2f03
3 changed files with 22 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
docs/assets/css/bootstrap.css vendored
View file

@ -325,9 +325,13 @@ a:focus {
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
height: auto;
max-width: 100%;
vertical-align: middle;
}
.img-rounded {
@ -3958,6 +3962,13 @@ button.close {
transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.img-thumbnail {
display: block;
height: auto;
max-width: 100%;
}
.thumbnail {
display: block;
}
@ -3972,8 +3983,6 @@ a.thumbnail:focus {
}
.thumbnail > img {
display: block;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}