我们如何指定bootstrap 2.3 glyphicon图标的路径

时间:2014-08-12 13:33:40

标签: html css twitter-bootstrap twitter-bootstrap-2

我们如何指定glyphicon图标的路径image

目前,我有这个设置

/assets
    --css
    ----lib (bootstrap css file here)
    --img (glyphicons here)
    --js (javascripts here)

我在html视图中有这个

<a class="btn btn-primary top-modal-slide" data-toggle="modal" data-target="#formModal">
    <i class="icon-align-left"></i>
</a>

图像图标未显示。如果我跟踪应用于上述按钮的类以进行加载,则它会显示以下路径。

http://localhost:xxxxx/assets/css/img/glyphicons-halflings.png

因此,它会在/assets/css/img文件夹中查找。 bootstrap如何决定在哪里寻找glyphicons,以及我们如何改变它。例如,在我的情况下,我如何配置它来查看

http://localhost:xxxxx/assets/img/glyphicons-halflings.png

代替。

1 个答案:

答案 0 :(得分:2)

Bootstrap 3: 只需检查引导程序(.min).css,就会有一个字形的@ font-face定义。在这里你可以改变路径。

Bootstrap 2: 检查引导程序(.min).css以获取文件路径并将其更改为相对文件路径。未压缩版本检查行2285和2309