css - Hugoの目次の前に余分なドットがあります

Question

Hugo 静的サ​​イト ジェネレーターを使用して Web サイトを作成しています。TOC を作成するドキュメントに記載されているように、このコード スニペットを使用しています。

<div id="toc" class="well col-md-4 col-sm-6">
    {{ .TableOfContents }}
</div>

生成されたコードは次のとおりです。

<div id="toc" class="well col-md-4 col-sm-6">
   <nav id="TableOfContents">
   <ul>
      <li>
         <ul>
            <li><a href="#step-1-install-hugo:c57cc0038c788519b441e0331c8bebc7">Step 1. Install Hugo</a></li>
            <li><a href="#step-2-build-the-docs:c57cc0038c788519b441e0331c8bebc7">Step 2. Build the Docs</a></li>
            <li><a href="#step-3-change-the-docs-site:c57cc0038c788519b441e0331c8bebc7">Step 3. Change the docs site</a></li>
            <li><a href="#step-4-have-fun:c57cc0038c788519b441e0331c8bebc7">Step 4. Have fun</a></li>
         </ul>
      </li>
   </ul>
   </nav>
</div>

このため、余分な弾丸を取得しています。誰でもこれを解決できますか？または、最初のul.