在 Prestashop 1.6 中不显示 Glyphicon

Question

我正在开发 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 中？我错过了什么吗？

Answer 1

这取决于您需要的按钮，例如，如果是 "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>

Answer 2

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

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

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

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

在此处输入代码

祝你好运

在 Prestashop 1.6 中不显示 Glyphicon

Glyphicon not displaying in Prestashop 1.6

html

prestashop-1.6

glyphicons