title: Bootstrap 4 navbar with asp.net web.sitemap; how to remeove the dots?
body: <p>I have an asp.net web application; I was using sitemap for menu controller. Then I decided to use bootstrap navbar; and now I am trying to implement bootstrap 4.1 to asp.net menu controller with sitemap.</p>
  
  <p>I have already achieved to bind the asp.net Menu controller from a sitemap; and style it with bootstrap 4.1; but I have dots coming before every the menu item letters; and I could not remove them (please see the picture).</p>
  
  <p>I need help to remove these dots from my menu aspect. Thanks in advance for your help.</p>
  
  <p><strong>Here goes my code</strong>:</p>
  
  <pre><code>&lt;!-- Menu BAŞI --&gt;
  &lt;nav class="afiniteksMenuNavbar navbar navbar-expand-md navbar-light"&gt;
     &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
     &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
     &lt;/button&gt;
     &lt;asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" EnableViewState="false" /&gt;
     &lt;div class="NBCollapse collapse navbar-collapse" id="navbarSupportedContent"&gt;
        &lt;asp:Menu ID="Menu1" runat="server" Orientation="horizontal"
           DataSourceID="SiteMapDataSource1"
           IncludeStyleBlock="False"
           CssClass="afiniteksNav navbar-nav" StaticMenuStyle-CssClass="nav-item"
           StaticSelectedStyle-CssClass="nav-item" StaticSubMenuIndent="16px"
           DynamicMenuStyle-CssClass="nav-item dropdown-menu"
           RenderingMode="List" role="menu" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement"&gt;
           &lt;LevelMenuItemStyles&gt;
              &lt;asp:MenuItemStyle CssClass="dropdown-item" HorizontalPadding="15px" Height="50px" VerticalPadding="15px" /&gt;
           &lt;/LevelMenuItemStyles&gt;
           &lt;LevelSelectedStyles&gt;
              &lt;asp:MenuItemStyle CssClass="nav-item active" Font-Underline="False" /&gt;
           &lt;/LevelSelectedStyles&gt;
           &lt;StaticHoverStyle Font-Underline="true" /&gt;
           &lt;StaticSelectedStyle Font-Bold="true" /&gt;
           &lt;DynamicMenuItemStyle CssClass="dropdown-item" /&gt;
        &lt;/asp:Menu&gt;
     &lt;/div&gt;
  &lt;/nav&gt;
  &lt;!-- Menu SONU --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/gfSYc.png" alt=""></p>
  
  <p>Here goes the compiled html code: </p>
  
  <pre><code> &lt;div class="col-md-8" style="border-bottom: 1px solid #000;"&gt;
                          &lt;!-- Menu BAŞI --&gt;
  
                          &lt;div class="ortalaVH"&gt;
                          &lt;nav class="afiniteksMenuNavbar navbar navbar-expand-md navbar-light"&gt;
  
                              &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"&gt;
                                  &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
                              &lt;/button&gt;
  
                              &lt;div class="NBCollapse collapse navbar-collapse" id="navbarSupportedContent"&gt;
                                  &lt;a href="#Menu1_SkipLink"&gt;&lt;img alt="Gezinti Bağlantılarını Atla" src="/afiniteks.com/WebApp/WebResource.axd?d=Nd69XRQ7kJaHjjr-OjgVxjrB03FYSGQ7QiO79mNpEUi5Set0fmG4nYg5ZIDyqae_peFkIA3_jV-FbQB4KaDCfPTVsUgbnhfE1Z15KY2vxEo1&amp;amp;t=636590973156695494" width="0" height="0" style="border-width:0px;"&gt;&lt;/a&gt;&lt;div role="menu" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement" class="afiniteksNav navbar-nav" id="Menu1" style="float: left;"&gt;
      &lt;ul class="level1 nav-item static" tabindex="0" role="menubar" style="position: relative; width: auto; float: left;"&gt;
          &lt;li role="menuitem" class="static" style="position: relative; float: left;"&gt;&lt;a title="AnaSayfa" class="level1 dropdown-item static" href="/afiniteks.com/WebApp/" tabindex="-1"&gt;AnaSayfa&lt;/a&gt;&lt;/li&gt;&lt;li class="has-popup static" aria-haspopup="Menu1:submenu:3" role="menuitem" style="position: relative; float: left;"&gt;&lt;a title="Tanımlamalar Bölümü" class="popout level1 dropdown-item static" tabindex="-1"&gt;Tanımlar&lt;/a&gt;&lt;ul class="level2 nav-item dropdown-menu dynamic" id="Menu1:submenu:3" style="display: none; position: absolute; top: 100%; left: 0px;"&gt;
              &lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a title="Tanımlamalar Bölümü" class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/AnaPanel/SabitTanimlama.aspx" tabindex="-1"&gt;Sabit Tanımlama&lt;/a&gt;&lt;/li&gt;&lt;li class="has-popup dynamic" aria-haspopup="Menu1:submenu:5" role="menuitem" style="position: relative;"&gt;&lt;a title="Cari Bölümü" class="popout level2 dropdown-item dynamic" tabindex="-1"&gt;Cari&lt;/a&gt;&lt;ul class="level3 nav-item dropdown-menu dynamic" id="Menu1:submenu:5" style="display: none; position: absolute; top: 0px; left: 100%;"&gt;
                  &lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/Cari/CariTanimlama.aspx" tabindex="-1"&gt;Tanımlama&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/Cari/CariGuncelleme.aspx" tabindex="-1"&gt;Güncelleme&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/Cari/CariListesi.aspx" tabindex="-1"&gt;Cari listesi&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;&lt;/li&gt;&lt;li class="has-popup dynamic" aria-haspopup="Menu1:submenu:10" role="menuitem" style="position: relative;"&gt;&lt;a title="Stok Kartları Bölümü" class="popout level2 dropdown-item dynamic" tabindex="-1"&gt;Ürün / Hizmet&lt;/a&gt;&lt;ul class="level3 nav-item dropdown-menu dynamic" id="Menu1:submenu:10" style="display: none; position: absolute; top: 0px; left: 100%;"&gt;
                  &lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/StokKarti/UrunTanimlama.aspx" tabindex="-1"&gt;Tanımlama&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/StokKarti/UrunGuncelleme.aspx" tabindex="-1"&gt;Güncelleme&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/StokKarti/UrunListesi.aspx" tabindex="-1"&gt;Liste&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;/li&gt;&lt;li class="has-popup static" aria-haspopup="Menu1:submenu:16" role="menuitem" style="position: relative; float: left;"&gt;&lt;a title="Pazarlama Bölümü" class="popout level1 dropdown-item static" tabindex="-1"&gt;Pazarlama&lt;/a&gt;&lt;ul class="level2 nav-item dropdown-menu dynamic" id="Menu1:submenu:16" style="display: none; position: absolute; top: 100%; left: 0px;"&gt;
              &lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Pazarlama/SiparisIslemleri.aspx" tabindex="-1"&gt;Sipariş İşlemleri&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Pazarlama/SiparisRaporu.aspx" tabindex="-1"&gt;Sipariş Raporları&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Pazarlama/IsletmeHareket.aspx" tabindex="-1"&gt;İşletme Hareket - Tümü&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item selected dynamic" href="/afiniteks.com/WebApp/Pazarlama/SiparisAnaliz.aspx" tabindex="-1"&gt;Sipariş Analiz - Tümü&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;/li&gt;&lt;li class="has-popup static" aria-haspopup="Menu1:submenu:22" role="menuitem" style="position: relative; float: left;"&gt;&lt;a title="Satın Alma Bölümü" class="popout level1 dropdown-item static" tabindex="-1"&gt;Satın Alma&lt;/a&gt;&lt;ul class="level2 nav-item dropdown-menu dynamic" id="Menu1:submenu:22" style="display: none; position: absolute; top: 100%; left: 0px;"&gt;
              &lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/SatinAlma/SA_SiparisGiris.aspx" tabindex="-1"&gt;SA - Sipariş İşlemleri&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/SatinAlma/SA_SiparisRaporu.aspx" tabindex="-1"&gt;SA - Sipariş Raporları [TR]&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/SatinAlma/SA_SiparisRaporu_EN.aspx" tabindex="-1"&gt;SA - Sipariş Raporları [EN]&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/SatinAlma/SA_SiparisListesi.aspx" tabindex="-1"&gt;SA - Sipariş Listesi&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;/li&gt;&lt;li class="has-popup static" aria-haspopup="Menu1:submenu:28" role="menuitem" style="position: relative; float: left;"&gt;&lt;a title="Depo Bölümü" class="popout level1 dropdown-item static" tabindex="-1"&gt;Depo&lt;/a&gt;&lt;ul class="level2 nav-item dropdown-menu dynamic" id="Menu1:submenu:28" style="display: none; position: absolute; top: 100%; left: 0px;"&gt;
              &lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/DepoCikis.aspx" tabindex="-1"&gt;Depo Çıkış&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/DepoCikisAnaliz.aspx" tabindex="-1"&gt;Depo Çıkış Analiz&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/DepoCikisFisi.aspx" tabindex="-1"&gt;Depo Çıkış Fişi&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/EtiketYazdir.aspx" tabindex="-1"&gt;Etiket Yazdır&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/LotEtiketiYazdir.aspx" tabindex="-1"&gt;Lot Etiketi Yazdır&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/DepoGiris.aspx" tabindex="-1"&gt;Depo Giriş&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/LotIslemleri.aspx" tabindex="-1"&gt;Lot İşlemleri&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/StokDurumListesi.aspx" tabindex="-1"&gt;Stok Durumu&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/LotStokDurum.aspx" tabindex="-1"&gt;Lotlu Stok Durumu&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/LotluStokListeleme.aspx" tabindex="-1"&gt;Lotlu Stok Listeleme&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Depo/DepoLokasyon.aspx" tabindex="-1"&gt;Lokasyon&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;/li&gt;&lt;li class="has-popup static" aria-haspopup="Menu1:submenu:41" role="menuitem" style="position: relative; float: left;"&gt;&lt;a title="Evrak Düzenleme Bölümü" class="popout level1 dropdown-item static" tabindex="-1"&gt;Evrak Düzenleme&lt;/a&gt;&lt;ul class="level2 nav-item dropdown-menu dynamic" id="Menu1:submenu:41" style="display: none; position: absolute; top: 100%; left: 0px;"&gt;
              &lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Evrak/ProformaTR.aspx" tabindex="-1"&gt;Proforma [TR]&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Evrak/ProformaEN.aspx" tabindex="-1"&gt;Proforma [EN]&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Evrak/IrsaliyeliFaturaTR.aspx" tabindex="-1"&gt;Fatura [TR]&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Evrak/CekiListesi.aspx" tabindex="-1"&gt;Çeki Listesi [TR]&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Evrak/IrsaliyeliFaturaEN.aspx" tabindex="-1"&gt;Fatura [EN]&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Evrak/PackingListEN.aspx" tabindex="-1"&gt;Packing List [EN]&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Evrak/CariEkstre.aspx" tabindex="-1"&gt;Cari Ekstre&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Evrak/CariEkstrePDF.aspx" tabindex="-1"&gt;Cari Ekstre PDF&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;/li&gt;&lt;li class="has-popup static" aria-haspopup="Menu1:submenu:51" role="menuitem" style="position: relative; float: left;"&gt;&lt;a title="Muhasebe Bölümü" class="popout level1 dropdown-item static" tabindex="-1"&gt;Muhasebe&lt;/a&gt;&lt;ul class="level2 nav-item dropdown-menu dynamic" id="Menu1:submenu:51" style="display: none; position: absolute; top: 100%; left: 0px;"&gt;
              &lt;li class="has-popup dynamic" aria-haspopup="Menu1:submenu:52" role="menuitem" style="position: relative;"&gt;&lt;a title="KASA" class="popout level2 dropdown-item dynamic" tabindex="-1"&gt;Kasa&lt;/a&gt;&lt;ul class="level3 nav-item dropdown-menu dynamic" id="Menu1:submenu:52" style="display: none; position: absolute; top: 0px; left: 100%;"&gt;
                  &lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/Kasa/TahsilatFisi.aspx" tabindex="-1"&gt;Tahsilat Fişi&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/Kasa/OdemeFisi.aspx" tabindex="-1"&gt;Ödeme Fişi&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/Kasa/GiderFisi.aspx" tabindex="-1"&gt;Gider Fişi&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Muhasebe/IrsFatListesi.aspx" tabindex="-1"&gt;Satış Faturaları Listesi&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a title="Giderler Listesi" class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Muhasebe/GiderListesi.aspx" tabindex="-1"&gt;Giderler Listesi&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a title="Mutabakat Formları" class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/Muhasebe/BaBs.aspx" tabindex="-1"&gt;BA-BS Formu&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;/li&gt;&lt;li class="has-popup static" aria-haspopup="Menu1:submenu:61" role="menuitem" style="position: relative; float: left;"&gt;&lt;a title="Yönetim Bölümü" class="popout level1 dropdown-item static" href="/afiniteks.com/WebApp/yonet" tabindex="-1"&gt;Yönetim&lt;/a&gt;&lt;ul class="level2 nav-item dropdown-menu dynamic" id="Menu1:submenu:61" style="display: none; position: absolute; top: 100%; left: 0px;"&gt;
              &lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/yonet/OrtaklarHesabi.aspx" tabindex="-1"&gt;Ortaklar Hesabı&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level2 dropdown-item dynamic" href="/afiniteks.com/WebApp/yonet/ortaklarHH.aspx" tabindex="-1"&gt;Ortaklar HH&lt;/a&gt;&lt;/li&gt;&lt;li class="has-popup dynamic" aria-haspopup="Menu1:submenu:64" role="menuitem" style="position: relative;"&gt;&lt;a title="Goba" class="popout level2 dropdown-item dynamic" tabindex="-1"&gt;GOBA&lt;/a&gt;&lt;ul class="level3 nav-item dropdown-menu dynamic" id="Menu1:submenu:64" style="display: none; position: absolute; top: 0px; left: 100%;"&gt;
                  &lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/goba/access/users.aspx" tabindex="-1"&gt;Settings&lt;/a&gt;&lt;/li&gt;&lt;li role="menuitem" class="dynamic" style="position: relative;"&gt;&lt;a class="level3 dropdown-item dynamic" href="/afiniteks.com/WebApp/client" tabindex="-1"&gt;Client Zone&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;&lt;div style="clear: left;"&gt;&lt;/div&gt;&lt;a id="Menu1_SkipLink"&gt;&lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/nav&gt;
                          &lt;/div&gt;
  
  
                          &lt;!-- Menu SONU --&gt;
                      &lt;/div&gt;
  </code></pre>