Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Aleksandrs Karevs
Courses Plus Student 11,178 PointsMedia Queries in Bootstrap: Why Google Chrome device simulation shows different result?
Hi everyone,
I am having a problem with Media Queries in Bootstrap. I've been trying to design a responsive navigation bar for the landing page using Bootstrap with my custom CSS and I came across a problem where Google Chrome's Device Simulation (Toggle Device Mode) shows a rather strange result for certain breakpoints of my navigation bar.
To cut down the explanation here I have recorded a short video demonstration which should hopefully explain my problem: http://d.pr/v/14RLY .
Here are the original files of my project (as a .zip file): http://d.pr/f/vSAm .
I would be very grateful if someone could explain to me why is this problem happening and what shall I do with it?
Thank you very much in advance.
2 Answers
Rezquellah Mohamed
5,824 PointsHi, i think that you didn't put the meta <meta name="viewport" content="width=device-width"> in you're html file.
Rezquellah Mohamed
5,824 PointsYou are welcome, and good luck for you're project.
Aleksandrs Karevs
Courses Plus Student 11,178 PointsAleksandrs Karevs
Courses Plus Student 11,178 PointsYeah, you are right ;) I figured out this last night as well. Thanks for your answer!