Font awesome Icons nicht anklickbar

Question

Ich habe ein Problem mit font-awesome Icons. Wenn Sie auf das kleine Plus klicken, ist es in Ordnung, aber wenn Sie auf den Rest des Knopfes klicken, bringt Sie das nicht zum Link.

<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/

Wie würde ich dieses Problem beheben?

Answer 1

Legen Sie kein A-Tag in den KNOPF. Es ist falsch. Da Sie Bootstrap verwenden, können Sie auch A die gleichen btn Klassen zuweisen.

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

Answer 2

können Sie tun, ein paar verschiedene Dinge, die man ist, was Ibrahim erwähnt oder:

<div class="jumbotron"> 
    <p> 

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