我的机器上的Bootstrap示例导航栏异常

时间：2012-08-24 09:05:14

标签： twitter-bootstrap notepad++

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

但是在我的机器上，有些东西比导航栏和内容之间的空间增加了20多倍。我上传了图片。

enter image description here

我尝试将其更改为body { padding-top:40px; }并且可以在电脑上播放，但20px再次出现在手机上。所以我找不到原因。请帮帮我。

修改：您可以在http://sheldon.sinaapp.com/stackoverflow

上看到我的页面

真正的理由!!!

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

有关BOM的详细信息，请参阅Byte Order Mark(wiki)

在notepad ++中，您可以使用Encoding -> Encode in utf-8 without BOM。

1 个答案:

答案 0 :(得分：1)

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

我设法在这里重现了这个问题：

带有空格的版本（http://jsfiddle.net/TW9JP/）

没有空格的版本（http://jsfiddle.net/z8DQB/）

相关问题
最新问题