I want 1 larger image with 4 smaller images in a 2x2 format like this:
My initial thought was to house everything in one row. Then create two columns, and, in the second column, create two rows and two columns to create the 1x1 and 2x2 effect.
However, this doesn't seem to be possible, or I am just not doing it correctly?
This question is related to
css
html
twitter-bootstrap
grid
grid-system
Adding to what @KyleMit said, consider using:
col-md-*
classes for the larger outer columnscol-xs-*
classes for the smaller inner columnsThis will be useful when you view the page on different screen sizes.
On a small screen, the wrapping of larger outer columns will then happen while maintaining the smaller inner columns, if possible
Source: Stackoverflow.com