在 Prestashop 1.6 中不显示 Glyphicon

Glyphicon not displaying in Prestashop 1.6

我正在开发 prestashop 模块,并尝试在我的模板中使用 Boostrap 字形图标作为按钮,但它不起作用,我也不知道为什么。

<td>
    <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-cloud-download"></span>
    </button>
</td>

我的专栏保持空白,prestashop 文档显示了这个示例,但它也不起作用

<div class="form-group has-warning">
    <label class="control-label" for="input1">Label with warning</label>
    <input type="text" class="form-control" id="input1">
    <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
</div>

是否要添加到 prestashop 中?我错过了什么吗?

这取决于您需要的按钮,例如,如果是 "panel-footer" 按钮,您可以使用:

<button type="submit" class="btn btn-default pull-right" name="submitTest"><i class="process-icon-download"></i> Download</button>

或 link 按钮:

<a href="#" title="Download" class="btn btn-default">
    <i class="icon-cloud-download"></i> Download
</a>

在默认的 bootstrap 主题中,prestashop 并不完全使用经典的 bootstrap 字形 类,而是一些自定义的。

在您的示例中,您可以使用

<td>
    <button type="button" class="btn btn-default btn-lg">
        <span class="icon icon-cloud-download"></span>
    </button>
</td>

要继续,您只需将 glyphicon 替换为图标即可。

在此处输入代码

祝你好运