}
.img-responsive {
- display: block;
+ display: inline-block;
height: auto;
max-width: 100%;
}
transition: all 0.2s ease-in-out;
}
-.thumbnail > img,
-.img-thumbnail {
- display: block;
- height: auto;
- max-width: 100%;
-}
-
.thumbnail {
display: block;
}
+.thumbnail > img,
.img-thumbnail {
display: inline-block;
+ height: auto;
+ max-width: 100%;
}
a.thumbnail:hover,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
- display: block;
+ display: inline-block;
height: auto;
max-width: 100%;
line-height: 1;
}
.footer-links {
margin: 10px 0;
+ padding-left: 0;
}
.footer-links li {
display: inline;
}
.bs-social-buttons {
display: inline-block;
- margin: 0;
+ margin-bottom: 0;
+ padding-left: 0;
list-style: none;
}
.bs-social-buttons li {
td& { display: table-cell !important; }
}
-
-
// Grid System
// -----------
// Responsive images (ensure images don't scale beyond their parents)
.img-responsive {
- display: block;
+ display: inline-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
}
border-radius: @thumbnail-border-radius;
.transition(all .2s ease-in-out);
}
-.thumbnail > img,
-.img-thumbnail {
- .img-responsive();
-}
.thumbnail {
display: block;
}
+.thumbnail > img,
.img-thumbnail {
- display: inline-block;
+ .img-responsive();
}
// Add a hover state for linked versions only