Home/ Questions/Q 8431399
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T05:50:42+00:00

I copied exactly the same code from official example http://twitter.github.com/bootstrap/examples/starter-template.html . But on my

  • 0

I copied exactly the same code from official example http://twitter.github.com/bootstrap/examples/starter-template.html.

But on my machine something add 20px more to the space between navbar and content. I uploaded the pic.

enter image description here

I tried to change it to body { padding-top:40px; } and it’s ok on pc, but the 20px appears again on mobile. So I cannot find out why. Please help me with that.

Edit: you can see my page on http://sheldon.sinaapp.com/stackoverflow

THE REAL REASON!!!

Some editor on Windows will add BOM to the start of file. It’s invisible and used to notice the editor that it is utf-8 encoded.

For more details of BOM, see Byte Order Mark(wiki)

In notepad++, you can use Encoding -> Encode in utf-8 without BOM.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Okay – I’ve worked out the problem. You have a line of whitespace before your <!DOCTYPE html> declaration. If you delete this line and move <!DOCTYPE html> to line 1, you’ll be working fine!

    I’ve managed to recreate the problem here:

    Version with whitespace (http://jsfiddle.net/TW9JP/)

    Version without whitespace (http://jsfiddle.net/z8DQB/)

    • 0