Glyphicon 在 Prestashop 1.6 中不显示

Question

我正在开发 prestashop 模块，并且尝试在我的模板中使用 Boostrap glyphicon 作为按钮，但它不起作用，我不明白为什么。

<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

这取决于您需要的按钮，例如，如果它是您可以使用的“面板页脚”按钮：

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

或链接按钮：

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

Answer 2

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

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

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

要恢复，您只需将 glyphicon 替换为图标即可。

祝你好运