Question

谁能告诉我为什么我的网站www.castawayministries.com/new在移动或台式机上看起来像它，但是直接从VSCode本地查看文件，直到将其上传到我的实际Web托管服务器之前，它看起来都很棒。奇怪的是，在facebook font-awesome图标上方有一个div，它带有一类header-top-sw，它在上载到托管服务器后出现，但在我的VSCode中没有代码。到处寻找它。找不到它。

当我从服务器的上方链接查看代码时，我甚至从站点复制了代码，并将其粘贴到我的文档中，然后手动删除了一个带有上述header-top-sw的div标签，重新保存了我的文档，然后重新上传了仍然以某种方式出现。而且还是坏了。

链接

我希望它能够呈现而不添加额外的div标签

<div class="row"> 
  <div class="col-4 header-top-sw"> 
  <div class="col-4 header-top-social"> 
      <ul> 
        <li><i class="fa fa-facebook-square" aria-hidden="true"></i></li>
      </ul> 
    </div> <!-- END .col-4 --> 
  <div class="col-8 header-top-arearight">Section 2</div> <!-- END .col-8 --> 
</div> <!-- END .row -->

Answer 1

这是您问题的一部分... 您的栏总数应为12。您有4 | | 4 | 8

您的第一列也未关闭

您的代码段

<div class="row"> 
  <div class="col-4 header-top-sw"> 
  <div class="col-4 header-top-social"> 
      <ul> 
        <li><i class="fa fa-facebook-square" aria-hidden="true"></i></li>
      </ul> 
    </div> <!-- END .col-4 --> 
  <div class="col-8 header-top-arearight">Section 2</div> <!-- END .col-8 --> 
</div> <!-- END .row -->

应该如何

<div class="row"> 
  <div class="col-md-4 header-top-sw">Section 1</div>
  <div class="col-md-4 header-top-social"> 
      <ul> 
        <li><i class="fa fa-facebook-square" aria-hidden="true"></i></li>
      </ul> 
    </div> <!-- END .col-4 --> 
  <div class="col-md-4 header-top-arearight">Section 2</div>
</div>

此外，您的评论使它看起来令人困惑，因此我暂时将其删除。

另外，请查看 this -您有一个打开的脚本标签，其中没有任何内容。

此外，将您的jquery放在页面底部，即引导脚本上方。

HTML渲染问题和正在渲染的额外标签

1 个答案: