Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>With the recent <a href="http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/" rel="noreferrer">release of bootstrap 3</a>, and the glyphicons being merged back to the main Bootstrap repo, <a href="http://www.bootstrapcdn.com/" rel="noreferrer">Bootstrap CDN</a> is now serving <strong>the complete Bootstrap 3.0 css including Glyphicons</strong>. The Bootstrap css reference is all you need to include: Glyphicons and its dependencies are on relative paths on the CDN site and are referenced in <code>bootstrap.min.css</code>. </p> <p>In html:</p> <pre><code>&lt;link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"&gt; </code></pre> <p>In css:</p> <pre><code> @import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"); </code></pre> <p>Here is a working <strong><a href="http://jsfiddle.net/FzPEj/" rel="noreferrer">demo</a></strong>.</p> <p><strong>Note</strong> that you have to use <code>.glyphicon</code> classes instead of <code>.icon</code>:</p> <p>Example:</p> <pre><code>&lt;span class="glyphicon glyphicon-heart"&gt;&lt;/span&gt; </code></pre> <p><strong>Also note</strong> that you would still need to include <code>bootstrap.min.js</code> for usage of Bootstrap JavaScript components, see <a href="http://www.bootstrapcdn.com/" rel="noreferrer">Bootstrap CDN</a> for url.</p> <hr> <p><strong>If you want to use the Glyphicons separately</strong>, you can do that by directly referencing the Glyphicons css on <a href="http://www.bootstrapcdn.com/" rel="noreferrer">Bootstrap CDN</a>.</p> <p>In html:</p> <pre><code>&lt;link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"&gt; </code></pre> <p>In css:</p> <pre><code>@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"); </code></pre> <p>Since the <code>css</code> file already includes all the needed Glyphicons dependencies (which are in a relative path on the Bootstrap CDN site), adding the <code>css</code> file is all there is to do to start using Glyphicons. </p> <p>Here is a working <a href="http://jsfiddle.net/DBu4u/4/" rel="noreferrer"><strong>demo</strong></a> of the Glyphicons without Bootstrap.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload