字体真棒图标无法点击

Question

我遇到了字体很棒的图标问题.当你点击小加号时它很好但是如果你单击按钮的其余部分它将不会带你到链接.

<div class="jumbotron">
<p>
    <button type="button" class="btn btn-default pull-right">
        <a href="google.com"> <i class="fa fa-plus" title="Edit"></i> </a></button>
</p>

http://jsfiddle.net/py7vA/217/

我该如何解决这个问题？

Answer 1

不要在BUTTON中放置A标签.这是不对的.由于您使用的是Bootstrap,因此您也可以btn为A 分配相同的类.

<a href="google.com" class="btn btn-default pull-right" title="Edit"> <i class="fa fa-plus"></i> </a>