Hi Carol When a mobile device loads a webpage, it generally reports that it's wider than it is, so, you need to add this: <meta name="viewport" content="width=device-width, initial-scale=1.0"> inside the head of your html.
Also, I'm afraid to tell you stuff is overlapping when viewed on my laptop using chrome (let me know if you want a screenshot), though it looks fine if I shrink my browser window to mobile widths. Not sure about changing the nav widths, though I'm sure someone with that knowledge will be along shortly. Hope this helps! On Saturday, March 9, 2013 11:58:29 PM UTC, Carol Clark wrote: > > I'm a newbie at responsive web design, so it's easier for me at this point > to edit an existing design. I modified the Bootstrap starter template ( > http://twitter.github.com/bootstrap/examples/starter-template.html) to > create http://m.walnutcreekdds.com/TEST/index.html). It looks GREAT in > Matt's responsive testing site (www.mattkersley.com/responsive/), except > for 1024 x 768 (iPad - Landscape). Unfortunately, a friend sent me a > screenshot from her iPhone, and it's really messed up ( > http://m.walnutcreekdds.com/TEST/laurie01.jpg). > > So... how do I get this puppy to look good in all formats: > > 240 x 320 (small phone) > 320 x 480 (iPhone) > 480 x 640 (small tablet) > 768 x 1024 (iPad - Portrait) > > Also, I would love it if the navigation is in collapse mode for the > 1024x768, too. How can I do that? > > Thanks!! > > Carol > -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
