Someone else suggested that I add this: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
So... I combined them. :-) Carol On Saturday, March 9, 2013 4:58:24 PM UTC-8, Carol Clark wrote: > > Thanks! I added the code. I'll ask my friend to send me another > screenshot. > > Carol > > ------------------------- > > On Saturday, March 9, 2013 4:53:03 PM UTC-8, iange87 wrote: >> >> 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.
