从引导程序更改按钮图标不起作用

时间:2014-06-01 12:42:58

标签: jquery html css css3 twitter-bootstrap

我有以下按钮,我想从以下链接添加它的bootstrap图标 (开头的+图标)当前它不起作用,我在这里缺少什么?

http://getbootstrap.com/components/

这是按钮

<div style="float:right; text-align:right;">
    <p>
        <input type="button" class="glyphicon glyphicon-plus"  value="Add Row" onclick="addRow()" id="add-row" />
    </p>
</div>

1 个答案:

答案 0 :(得分:1)

引导按钮文本通过value字段插入,该字段无法容纳图标,实现您尝试执行的操作的最简单方法是使用锚标记复制按钮:

<a href="#" onclick="addRow()" id="add-row" class="btn btn-default"><i class="glyphicon glyphicon-plus"></i> Add Row </a>

给一个锚类btn btn-default使它看起来就像一个按钮,文本可以附加图标。

<强> DEMO