Get a free trial // Grow your CSS skills // Land your dream job

Issues with Bootstrap starter template

  • # March 9, 2013 at 7:32 pm

    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 ( to create It looks GREAT in Matt’s responsive testing site (, except for 1024 x 768 (iPad – Landscape). Unfortunately, a friend sent me a screenshot from her iPhone, and it’s really messed up (

    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 1024×768, too. How can I do that?



    # March 9, 2013 at 7:44 pm

    Try adding this to your head:

    That should make it display correctly on devices.

    # March 9, 2013 at 8:03 pm

    Thanks, Jeremy! I just saw your post.

    Someone else told me to add this code to the , so I did:

    Should I add “maximum-scale-1” to the meta tag?

    # March 9, 2013 at 8:06 pm

    Depends if you want to disable zooming in or not.

    # March 9, 2013 at 11:21 pm

    Ah, good point. Well, I went ahead and added it, then saw the page on an iPhone tonight… looks perfect… so the only remaining issue is the 768 x 1024 (iPad – Portrait) format (including making the nav do the hide thing like it does in the other formats).

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed