0

我从官方示例中复制了完全相同的代码http://twitter.github.com/bootstrap/examples/starter-template.html

但是在我的机器上,导航栏和内容之间的空间增加了 20px。我上传了图片。

在此处输入图像描述

我尝试将其更改为body { padding-top:40px; },在电脑上没问题,但 20px 再次出现在移动设备上。所以我无法找出原因。请帮帮我。

编辑:你可以在http://sheldon.sinaapp.com/stackoverflow上看到我的页面

真正的原因!!!

Windows 上的某些编辑器将添加BOM到文件的开头。它是不可见的,用于通知编辑器它是 utf-8 编码的。

有关 的更多详细信息BOM,请参阅字节顺序标记(wiki)

在记事本++中,您可以使用Encoding -> Encode in utf-8 without BOM.

4

1 回答 1

1

好的 - 我已经解决了这个问题。<!DOCTYPE html>在声明之前有一行空格。如果您删除此行并移至<!DOCTYPE html>第 1 行,您将可以正常工作!

我已经设法在这里重现问题:

带空格的版本 ( http://jsfiddle.net/TW9JP/ )

没有空格的版本 ( http://jsfiddle.net/z8DQB/ )

于 2012-08-24T09:36:43.733 回答