bootstrap 有代码出现换行是怎么回事

因为模板里面使用的include引用的另一个页面，下面代码第3行这样引用的footer文件：

    </div>
    <!--right-->
    <div class="col-12 bg-light pb-3 mt-3"> {dede:include filename="footer.htm"/} </div>
  </div>
</div>
</body>
</html>

然后在前端页面加载出来之后如下图所示，在引用的include文件的外层div会自动出现代码，而且这个会自动换行，只有审查元素的时候才可以看到，查看网页元代又着不着这个代码。

这个问题一直困扰了我好久，不知道是哪里的问题，网上搜了一下也没有找到答案，有说是bom编码的问题，受到这个启发，于是我把footer这个文件使用notepad++重新另存了一遍，但是问题依旧存在。

突然想起来在制作模板的时候是直接将原来dedecms默认的模板直接修改的代码，会不会是自带模板文件的问题呢？于是我重新新建了一个未命名的HTML文件，把footer里面的代码拷贝到这个新的文件里面，将模板里面的footer这个文件删除，然后把新建的未命名文档再保存为footer.htm文件，然后重新生成一下静态页面，刷新，这样居然可以了！

所以简单的解决方法就是将原来文件删除，然后重新新建一个同名的文件，代码和之前的一样，问题解决。可能这个编码出现乱码是文件的问题。