I thought I was doing the good work, by finally learning Bootstrap, but I noticed that my page, that I made for the fCC ‘portfolio webpage challenge’ acts slightly annoying on my iPhone (i don’t have any other phones to test it with).
The problem: I don’t know if there is an official name for this behaviour so I’ll try to describe it: on small screens i can sort of ‘swipe’ the entire webpage to the left and right with a dragging motion with my finger which makes the page jump to either side with an ‘elastic’ motion. I wish it would just stay static.
When i move my phone in landscape mode it doesn’t do this anymore and it stays nicely still, so I cannot move it from left to right with my finger anymore. How come?
And how to solve this?
Is it simply a margin problem??
Or: Should each column have XS, Medium and Large classes declared? Should this always be done?
I’m assuming that if you set
class="col-lg-12" for a <div> this will automatically be the same for medium screens as well as extra small screens etc.
(This probably counts as a second question).
I’ve also copied the entire codepen to my own site, with some minor changes, and it still looks quite awful.
It’s not just my site, I’ve noticed it with other sites with Bootstrap as well.
Help (and feedback) very, very, very welcome.