title: Using a Glyphicon as an LI bullet point (Bootstrap 3)
body: <p>How can I change the bullet points in an HTML list and use the glyphicons that come with Bootstrap 3?</p>
  
  <p>So that:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ul&gt;
      &lt;li&gt;...&lt;/li&gt;
      &lt;li&gt;...&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Displays as:</p>
  
  <pre class="lang-none prettyprint-override"><code> [icon]  Facere possimus, omnis voluptas assumenda est, numquam eius modi
           omnis dolor repellendus. Non numquam eius modi numam dolor omnis 
           tempora incidunt ut labore.
  
   [icon]  Facere possimus, omnis voluptas assumenda est, numquam eius modi
           omnis dolor repellendus. Non numquam eius modi numam dolor omnis 
           tempora incidunt ut labore.
  </code></pre>
  
  <p>I would prefer <strong><em>not</em></strong> to have to inject extra HTML such as this...</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ul&gt;
      &lt;li&gt;&lt;i class="glyphicon glyphicon-chevron-right"&gt;&lt;/i&gt; ...&lt;/li&gt;
      &lt;li&gt;&lt;i class="glyphicon glyphicon-chevron-right"&gt;&lt;/i&gt; ...&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>