From 31f01c1abbe9a5c5aa3dc94da424ff99d60c45a7 Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@rebertia.com>
Date: Fri, 25 Apr 2014 12:02:16 -0700
Subject: [PATCH] Document that @import-ing Bootstrap can break the icon font
 path

Addresses part of #13429.
---
 docs/_includes/components/glyphicons.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/_includes/components/glyphicons.html b/docs/_includes/components/glyphicons.html
index 18f202372f..f93d0ec6a2 100644
--- a/docs/_includes/components/glyphicons.html
+++ b/docs/_includes/components/glyphicons.html
@@ -30,6 +30,10 @@
     <p>By default, Bootstrap assumes that the icon font files will be located in the <code>../fonts/</code> directory relative to your deployed CSS. For example, if your CSS file is at <code>http://example.com/foobar/css/bootstrap.css</code>, then your font files should be at <code>http://example.com/foobar/fonts/glyphicons-halflings-regular.woff</code>, etc.</p>
     <p>If you are placing the icon font files elsewhere or changing their filenames, you will need to adjust the <code>@icon-font-path</code> and/or <code>@icon-font-name</code> Less variables accordingly.</p>
   </div>
+  <div class="bs-callout bs-callout-info">
+    <h4><code>@import</code>ing Bootstrap via Less may require adjusting the icon font location</h4>
+    <p>If you <code>@import</code> Bootstrap's Less source into your own Less file, you may need to adjust the <code>@icon-font-path</code> Less variable due to the way that relative paths in <code>url(...)</code>s work in Less.</p>
+  </div>
 {% highlight html %}
 <span class="glyphicon glyphicon-search"></span>
 {% endhighlight %}
-- 
2.47.2