mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
simpler and updated docs copy for icon font file paths
This commit is contained in:
parent
48e2f92aab
commit
b35840e48d
3 changed files with 12 additions and 7 deletions
|
@ -27,12 +27,13 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="bs-callout bs-callout-info">
|
<div class="bs-callout bs-callout-info">
|
||||||
<h4>Changing the icon font location</h4>
|
<h4>Changing the icon font location</h4>
|
||||||
<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>Bootstrap assumes icon font files will be located in the <code>../fonts/</code> directory. Moving or renaming those font files means updating the CSS in one of three ways:</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>
|
<ul>
|
||||||
</div>
|
<li>Change the <code>@icon-font-path</code> and/or <code>@icon-font-name</code> variables in the source Less files.</li>
|
||||||
<div class="bs-callout bs-callout-info">
|
<li>Utilize the <a href="http://lesscss.org/usage/#command-line-usage-relative-urls">relative URLs option</a> provided by the Less compiler.</li>
|
||||||
<h4><code>@import</code>ing Bootstrap via Less may require adjusting the icon font location</h4>
|
<li>Change the <code>url()</code> paths in the compiled CSS.</li>
|
||||||
<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 the relative paths in our <code>url(...)</code>s work.</p>
|
</ul>
|
||||||
|
<p>Use whatever option best suites your specific development setup.</p>
|
||||||
</div>
|
</div>
|
||||||
{% highlight html %}
|
{% highlight html %}
|
||||||
<span class="glyphicon glyphicon-search"></span>
|
<span class="glyphicon glyphicon-search"></span>
|
||||||
|
|
|
@ -1060,10 +1060,14 @@ h1[id] {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Example dropdowns */
|
/* Example dropdowns */
|
||||||
|
.bs-example > .dropdown > .dropdown-toggle {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
.bs-example > .dropdown > .dropdown-menu {
|
.bs-example > .dropdown > .dropdown-menu {
|
||||||
position: static;
|
position: static;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
clear: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Example tabbable tabs */
|
/* Example tabbable tabs */
|
||||||
|
|
2
docs/assets/css/docs.min.css
vendored
2
docs/assets/css/docs.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue