Utilizing Bootstrap's responsive style sheet, I have organized 4 squares in divs that span 12 columns - |3|3|3|3|.
However, when I access this layout on a mobile browser, it displays as:
|12|
|12|
|12|
|12|
My desired display format is:
|6|6|
|6|6|
In simpler terms, I want two items to be shown on one row and the other two on the following row rather than displaying one after the other consecutively.
Is there a way to achieve this within Bootstrap?