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.
