Javascript 一个小箭头出现在我的下拉菜单上

Javascript 一个小箭头出现在我的下拉菜单上,javascript,css,twitter-bootstrap,Javascript,Css,Twitter Bootstrap,不需要解释,只要看看 尝试在标题菜单上导航,当你飞越connexion bouton时,会出现一个白色的小箭头,我不知道为什么 请看这里: 编辑:这是代码 <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner"> <div class="container"> <div class="navbar-header"

不需要解释,只要看看

尝试在标题菜单上导航,当你飞越connexion bouton时,会出现一个白色的小箭头,我不知道为什么

请看这里:

编辑:这是代码

     <header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
         <div class="container">
         <div class="navbar-header">
         <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
         <span class="sr-only">Toggle navigation</span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         </button>
         <a href="http://www.appyourself.com/" class="navbar-brand">
         <img src="http://www.appyourself.com/wp-content/uploads/2013/10/LOGO-APPYOURSELF.png"></a>
         </div>
         <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
         <div class="menu-menu-principal-container"><ul id="menu-menu-principal" class="nav navbar-nav navbar-right"><li id="menu-item-242" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown"><a class="dropdown-toggle" data-toggle="dropdown">Suite marketing</a>
         <ul class="dropdown-menu">
         <li id="menu-item-243" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/produit/cms/">Sites  &#038;  applications</a></li> <li id="menu-item-244" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/produit/crm/">CRM</a></li><!--.dropdown-->
         </ul>
         </li><li id="menu-item-276" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown"><a class="dropdown-toggle" data-toggle="dropdown">Secteurs</a>
         <ul class="dropdown-menu">
         <li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/tpe-pme/hotel/">Hôtel</a></li> <li id="menu-item-388" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/tpe-pme/camping/">Camping</a></li>  <li id="menu-item-462" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/tpe-pme/bed-breakfast/">Bed  &#038;  Breakfast</a></li> <li id="menu-item-739" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/tpe-pme/restaurant-bar/">Restaurant &#038; Bar</a></li> <li id="menu-item-692" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/tpe-pme/spa/">Beauty &#038; Spa</a></li>    <li id="menu-item-648" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/tpe-pme/commerces-services/">Commerces  &#038;  Services</a></li>   <li id="menu-item-649" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/tpe-pme/agence-immobiliere/">Agence  Immobilière</a></li>   <li id="menu-item-650" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/tpe-pme/auto-moto/">Auto-Moto</a></li>  <li id="menu-item-647" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/tpe-pme/agence-de-voyage/">Agence  de  voyage</a></li><!--.dropdown-->
         </ul>
         </li><li id="menu-item-1301" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/partenaires/">Partenaires</a></li><li id="menu-item-360" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.appyourself.com/qui-sommes-nous/">AppYourself</a></li><li id="menu-item-656" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children dropdown"><a href="http://pro.appyourself.com/users/login" class="dropdown-toggle" data-toggle="dropdown">Connexion</a>
         <ul class="dropdown-menu">
         <li id="menu-item-936" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://pro.appyourself.com/users/login?btag=hotel">Hôtel</a></li>  <li id="menu-item-937" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://pro.appyourself.com/users/login?btag=camping">Camping</a></li>   <li id="menu-item-938" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://pro.appyourself.com/users/login?btag=bb">Bed  &#038;  Breakfast</a></li> <li id="menu-item-939" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://pro.appyourself.com/users/login?btag=restaurant">Restaurant &#038; Bar</a></li>  <li id="menu-item-940" class="menu-item menu-item-type-custom menu-item-object-custom"><a>Beauty &#038; Spa</a></li><!--.dropdown-->
         </ul>
         </li>
         </ul>
         </div>

         </nav>

         </div>
</header>

切换导航
菜单项菜单项类型自定义菜单项对象自定义菜单项有子菜单项下拉列表

    • Beauty&;Spa

  • 它在引导的魔鬼线上(第666行):

    删除它,或在自定义CSS中覆盖它

    正如Danko指出的,也有一个
    :after
    可能导致这种情况。它位于(667)之后的行上:


    是的,需要在这里添加代码。如果链接被删除,那么问题就是垃圾邮件。请参阅“:before”伪元素,这里()我希望你注意到你的页面的其他问题,例如:在chrome中,你的菜单比顶部栏低一点,在移动设备上,你的小菜单栏有两倍。我正在解决这种问题是的,谢谢你指出
    .navbar .nav>li>.dropdown-menu:before {
        content: '';
        display: inline-block;
        border-left: 7px solid rgba(0, 0, 0, 0);
        border-right: 7px solid rgba(0, 0, 0, 0);
        border-bottom: 7px solid #CCC;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 9px;
    }
    
    .navbar .nav>li>.dropdown-menu:after {
        content: '';
        display: inline-block;
        border-left: 6px solid rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        border-bottom: 6px solid #FFF;
        position: absolute;
        top: -6px;
        left: 10px;
    }