Created by: Nikita240
The way the featurette images positioned themselves when the display was below the md
threshold was very ugly.
Before | After |
---|---|
Not only does it look better, it also does a much better job of showcasing bootstrap functionality. The new layout is a good example of the usefulness of push/pull. It also serves to educate people about .center-block
, because it is instinctual for people to try to center images with text-align, but in this case that would not work since .img-responsive
changes the display type on the the img to block (which the website has no mention of btw). See this guy (I made the same mistake): https://github.com/twbs/bootstrap/issues/14596.
I used this template in my project, and it took me a good while to figure out how to fix these two problems.