diff options
| author | Mark Otto <[email protected]> | 2013-06-28 00:09:10 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-06-28 00:09:10 -0700 |
| commit | 09cdee2f03aaad5c5a767fbec2e3896ad3d1f980 (patch) | |
| tree | 74724b9edea8a32aa53183b27f485034bcb9805d /less/thumbnails.less | |
| parent | 1a09eada35259de198ffad56a460c6ffafe890a4 (diff) | |
| download | bootstrap-09cdee2f03aaad5c5a767fbec2e3896ad3d1f980.tar.xz bootstrap-09cdee2f03aaad5c5a767fbec2e3896ad3d1f980.zip | |
Overall responsive `img` styles
`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.
Diffstat (limited to 'less/thumbnails.less')
| -rw-r--r-- | less/thumbnails.less | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/less/thumbnails.less b/less/thumbnails.less index f31d78617..b15b8d25a 100644 --- a/less/thumbnails.less +++ b/less/thumbnails.less @@ -17,6 +17,10 @@ border-radius: @thumbnail-border-radius; .transition(all .2s ease-in-out); } +.thumbnail > img, +.img-thumbnail { + .img-responsive(); +} .thumbnail { display: block; } @@ -32,8 +36,6 @@ a.thumbnail:focus { // Images and captions .thumbnail > img { - display: block; - max-width: 100%; margin-left: auto; margin-right: auto; } |