So fügen Sie meiner Schaltfläche Suchsymbol hinzu

Question

Wie Sie ein Glyphicon-Suchsymbol zu meiner Suchschaltfläche hinzufügen. Dies ist der Bootstrap-Code für die Schaltfläche.

<form class="navbar-form navbar-right"> 
    <div class="form-group"> 
     <input type="text" class="form-control" placeholder="Search"> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
    </form> 

Wie kann ich Glyphicon-Suche Glyphicon als Ersatz für den Text senden?

Answer 1

der Text mit der folgenden Spanne Senden Replace:

<span class="glyphicon glyphicon-search"></span> 

Weitere Details zu glyphicon Codes können here finden.

Ich persönlich benutze Font-genial, wie ich ihre ständigen Updates auf ihre Symbolbasis mag.

Answer 2

Fügen Sie einfach ein span Element mit der Glyphicons-Klasse an die Schaltfläche an.

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

Answer 3

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