Twitter引导生成空白空间

时间:2014-07-12 12:24:12

标签: html css twitter-bootstrap google-chrome byte-order-mark

出于某种原因,在我的一个页面上,我得到一个空的空间,我相信是由bootstrap的库生成的。

我将该页面包含在另一页的<section class="container col-md-8">部分中,空行显示在该部分的开头。在F12检查器上,它被视为“”,当我选择将其编辑为HTML时,会出现一个小红点。可能是什么原因呢?并且它仅在此页面上生成,该部分中的每个其他包含的页面都可以。

以下是一些截图:

first screenshot

second screenshot

1 个答案:

答案 0 :(得分:1)

来自@Holt的答案在评论中提供(作为答案发布,因此您可以接受它以结束问题!)

  

您的文件已编码为UTF-8 with BOM,请将编码更改为UTF-8 without BOM

因此,它与Chrome中的Byte Order Mark呈现相关,并且与以下内容类似:

Invisible character rendered between Twig includes

Chrome会在zero-width-space字符等情况下显示这些点,例如in the jsfiddle here