The issue at hand
I am trying to find a way to display a glyphicon icon after a text. The documentation only provides examples for displaying icons before the text, as shown here: http://getbootstrap.com/components/#glyphicons-examples
<div class="glyphicon glyphicon-chevron-right">Next</div>
Potential solutions
Option 1
<div>Next<span class="glyphicon glyphicon-chevron-right"></span></div>
Option 2
#next.custom-chevron-right:after {
font-family: 'Glyphicons Halflings';
content: "\e080";
}
<div id="next" class="glyphicon custom-chevron-right">Next</div>
Check out an example source here: bootply
My query
Does anyone know of a more straightforward method using just bootstrap classes?