Bootstrap Glyphicon作为按钮

时间:2014-07-06 22:58:53

标签: html css twitter-bootstrap

假设我想使用glyphicon作为表单的提交按钮。我该怎么做呢?

详细说明,我不希望传统按钮有“可见”元素。只是一个字形,就像在文本中正常显示一样。

我尝试将<button><input type='button'>与glyphicon类一起使用,并且(正如人们所期望的那样),没有运气。

2 个答案:

答案 0 :(得分:22)

您可以使用.btn-link类将按钮显示为文本链接:

<form>
...
<button type="submit" class="btn btn-link">
    <span class="glyphicon glyphicon-star"></span>
</button>
</form>

请参阅 demo fiddle

答案 1 :(得分:0)

<button type="button" class="btn btn-default">
    <span class="glyphicon glyphicon-search"></span>
</button>

Give this a read