Why does twitter bootstrap “hiccup” on Google Chrome when resizing?

JoeD

New Member
I was playing with adaptative CSS by changing my Google Chrome window size when I noticed that the Twitter Bootstrap page seems to "make google chrome fail" on certain occasions.Steps to reproduce (from a desktop computer):[*]Start with a blank Google Chrome tab, full screen[*]Visit http://twitter.github.com/bootstrap/[*]Gradually make the window narrower, letting go the mouse every 100 pixels or so.[*]Keep going until you get the "totally mobile version", at around 400px (The blue "View project on github" button is on top of the white "Download Bootstrap" button, and they are both full-width).[*]Now make the window thick again, letting the mouse go after every 20 pixels or so.Chances are that you will get weird behaviour while doing steps 4 or 5 - Chrome gets confused about the sizes, or forgets to draw a vertical region of the page (which is rendered white). I've also managed to get a "phantom side pane" in some rare occasions.I've tried in two different computers, and I still get the same issues (both using Ubuntu 12)The thing is, other responsive sites don't have this issue. See for example http://css-tricks.com/ . You can change its size all you want, and Chrome never has any trouble rendering the multiple layouts it has (in fact, it has more layouts than twitter bootstrap).So I can only conclude that this problem is twitter-bootstrap-specific. Probably related with the way the CSS rules or HTML content is written, or maybe related with the way files are structured.I'm using twitter bootstrap as a base for one of my sites, and I'd like to solve this issue. Does anyone have any ideas on how to proceed?
 
Back
Top