Bootstrap glyphicon après la position

Le problème

Je veux afficher un glyphicon icône d'après un texte. Dans la documentation, il y a seulement avant des exemples comme vous pouvez le voir ici: http://getbootstrap.com/components/#glyphicons-examples

<div class="glyphicon glyphicon-chevron-right">Next</div>

Mes solutions

Solution 1

<div>Next<span class="glyphicon glyphicon-chevron-right"></span></div>

Solution 2

#next.custom-chevron-right:after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
}
<div id="next" class="glyphicon custom-chevron-right">Next</div>

Source de l'exemple: bootply

Ma question

Est-il une meilleure façon de la faire juste avec bootstrap classes?

source d'informationauteur aleixfabra

  1. 24

    Il y a 2 façons d'ajouter généralement glyphicons (ou tout autre icône de la police utilisée). La première façon de le il de les ajouter via html. 

    <div>Next <span class="glyphicon glyphicon-chevron-right"></span></div>
//Be sure to add a space in between your text and the icon

    La deuxième façon de faire à l'aide de CSS. Au minimum, vous doit inclure la font-family et code de caractère.

    <div><span>Next</span></div>

span::after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
}

    De toute évidence, à l'aide de la méthode CSS vous pouvez ensuite ajouter d'autres style, mais cet exemple montre que le minimum nécessaire pour obtenir thte icône apparaisse dans la relative bonne place.

  2. 2

    Votre première solution est la meilleure solution. Il n'y a pas vraiment lieu de le faire d'une autre manière, c'est comment vous mettre glyphicons sur votre site avec Bootstrap de toute façon