Comment puis-je supprimer la flèche de la liste déroulante dans le Bootstrap CSS?

Je suis en train de supprimer la flèche qui s'affiche dans un menu déroulant dans Twitter Bootstrap cadre. Quelqu'un a pensé un moyen de supprimer les flèches?

J'ai enlevé <b class="caret"></b>, et la flèche est passé,que résolu.
Si vous avez trouvé votre réponse avant il a été posté, poster une réponse ci-dessous et de l'approuver pour fermer ce fil, de cette façon, il peut aider les futurs utilisateurs.
penser avec les personnes avec moins de 100 reps. ils ne peuvent pas répondre à sa propre question avant 8 heures.J'ai accepté une réponse,merci pour le pointeur.

OriginalL'auteur Gandalf | 2012-04-20

  1. 20

    À partir de: http://twitter.github.com/bootstrap/components.html#buttonDropdowns

    <div class="btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

    Si vous supprimez <span class="caret"></span> la flèche n'est pas montré.

    Essayé en utilisant le dev. la console de Chrome, et semble fonctionner.

    cette ligne a fonctionné pour moi correctement : Si vous supprimez des <span class="caret"></span> la flèche n'est pas indiqué merci

    OriginalL'auteur Lasse Christiansen

  2. 23

    Retrait de la classe d'insertion à partir du lien supprime la flèche de la barre de navigation,

    .dropdown-menu::before, 
.dropdown-menu::after {
    border: none;
    content: none;
}

    Va supprimer le petit onglet dans le menu déroulant de son auto.

    J'ai été en vigueur pour ajouter le !important drapeau pour remplacer le bootstrap paramètres. Il y a plusieurs couches de spécificité sur la déclaration originale.
    Grand. Merci pour l'astuce. C'est exactement ce que je cherchais.

    OriginalL'auteur Adam Patterson

  3. 2

    Enlevez juste le bas de la bordure de dropdown-menu supprimer la flèche de la barre de navigation.

    .navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after{
    border-bottom: none;
}

    OriginalL'auteur Shalinee Tawar

  4. 1

    J'ai trouvé la meilleure solution est d'ajouter overflow:hidden; à .dropdown-menu

    J'ai utilisé cette solution pour empêcher le signe d'apparaître dans un menu latéral lorsque le menu était effondré contre le côté de l'écran. +1 pour une solution simple.

    OriginalL'auteur Nicole Harris

  5. 1
    .dropdown-toggle::after{
    display: none;
}

    OriginalL'auteur Dina Reda

  6. 0

    Si vous copiez une Bootstrap déroulant exemple, le bouton menu de la balise ressemble à quelque chose comme ceci:

    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Menu Name</button>

    Retrait de la dropdown-toggle classe supprime la flèche (ou signe):

    <button class="btn btn-primary" type="button" data-toggle="dropdown">Menu Name</button>

    OriginalL'auteur Happy Hippo

  7. -1

    ajouter .dropdown-toggle-split classe dans la balise

    OriginalL'auteur Esteban

  8. -1

    La seule chose qui a fonctionné pour moi est que j'ai enlevé class="caret" si vous êtes en utilisant bootstrap liste déroulante. Espérons que ce travail pour vous aussi.

    Ce n'est pas de fournir une réponse à la question. Une fois que vous avez suffisamment de réputation vous serez en mesure de commentaire sur post; fournir des réponses qui ne nécessitent pas de clarification de la asker. - Revue

    OriginalL'auteur omar malikzada