title: Bootstrap glyphicon after position
body: <h1>The problem</h1>
  
  <p>I want to display a glyphicon icon after a text. In the documentation, there are only before examples as you can see here: <a href="http://getbootstrap.com/components/#glyphicons-examples" rel="nofollow noreferrer">http://getbootstrap.com/components/#glyphicons-examples</a></p>
  
  <pre><code>&lt;div class="glyphicon glyphicon-chevron-right"&gt;Next&lt;/div&gt;
  </code></pre>
  
  <h1>My solutions</h1>
  
  <h3>Solution 1</h3>
  
  <pre><code>&lt;div&gt;Next&lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <h3>Solution 2</h3>
  
  <pre><code>#next.custom-chevron-right:after {
      font-family: 'Glyphicons Halflings';
      content: "\e080";
  }
  </code></pre>
  
  <pre><code>&lt;div id="next" class="glyphicon custom-chevron-right"&gt;Next&lt;/div&gt;
  </code></pre>
  
  <p>Source example: <a href="http://www.bootply.com/aleixfabra/wCre9tx5p5" rel="nofollow noreferrer">bootply</a></p>
  
  <h1>My question</h1>
  
  <p>Is there a better way to do it just with bootstrap classes?</p>