Overriding `.img-responsive()`

Created by: zlatanvasovic

.img-thumbnail overrides display: block from .img-responsive().

From scaffolding.less:

// Responsive images (ensure images don't scale beyond their parents)
.img-responsive {
  display: block;
  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
}

From thumbnails.less:

.thumbnail > img,
.img-thumbnail {
  .img-responsive();
}

...

.img-thumbnail {
  display: inline-block;
}

Why is here that override?