mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-15 18:14:17 +02:00
Code Issues Releases Wiki Activity

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;
}