Changing position of Divs when Responsive

HTML & CSS
1

http://intelli-installs.co.uk/portfolio.html

Hi guys, I am having a problem with twitter bootstrap when it is on a smaller screen. as you can see on the desktop the two divs (one with text inside then the other with the image inside) are on alternate sides when viewed on a desktop, but then viewed on a smaller screen I want them to be stacked upon each other: With the image, then the title, then the text, then the visit button.

I have tried many different ways to do this, but cannot get my head around it! Would someone be able to help me with this? I am new to using twitter bootstrap and find it very useful, just struggling with it here, I’m sure it would be possible.

Many Thanks in advance

2

You’ll need to redo your HTML structure so that the image is always first in the markup. You can add class=“right” to the column with the image (every other) so that the image will be floated to the right.

You can’t have the image be the 2nd column and still stack first in mobile.

3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.