HTML渲染問題和正在渲染的額外標簽

Question

誰能告訴我為什么我的網站www.castawayministries.com/new在移動或台式機上看起來像它，但是直接從VSCode本地查看文件，直到將其上傳到我的實際虛擬主機服務器之前，它看起來都很棒。 奇怪的是，在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 | 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>

另外，您的評論使它看起來令人困惑，因此我暫時將其刪除。

另外，看看這個 -你有沒有在它的開放腳本標簽。

另外，將您的jquery放在頁面底部，即引導腳本上方。