How to put image next to a paragraph for mobile. Responsive Twitter Bootstrap
I am looking for something along the lines of the below for my website where even in the mobile layout, I want a small thumbnail of an image next to the text:
However, the default bootstrap behavior on mobile is to flow all the divs one underneath the other. The img seems to go full width and text flows underneath it which is not desirable.
Is there something built into bootstrap that will allow me to achieve the desired result or would I have to use some custom CSS?
I figured I would answer my own question from a year ago seeing it has been viewed over a thousand times. I can then also mark it as answered.
In Boostrap v3, which is built from mobile up, there are classes for mobile devices ".col-xs-*" which will let you specify content that will sit side by side instead of stacking.
One could obviously create these media queries or styles if they are working without Bootstrap 3 or on an older version of bootstrap 3. Refer to the bootstrap documentation or code.