2014-07-06 18 views
5

Angenommen, ich möchte ein Glyphon als Übergabeschaltfläche für ein Formular verwenden. Wie würde ich das machen?Bootstrap Glyphicon als Schaltfläche

Um zu erarbeiten, möchte ich keine "sichtbaren" Elemente eines traditionellen Knopfes. Nur ein Glyphon, wie es normalerweise im Text erscheinen würde.

Ich habe versucht mit <button> und <input type='button'> mit den Glyphon-Klassen, und (wie man erwarten würde), kein Glück.

+0

Können Sie uns zeigen, was Sie haben bisher versucht? –

+2

Gefällt Ihnen http://jsfiddle.net/koala_dev/cCZfQ/? –

+0

@ThibWeb erledigt. :) –

Antwort

17

können Sie die .btn-link Klasse verwenden eine Taste erscheinen als Text-Link zu haben:

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

dies Siehe demo fiddle

+0

Genau was ich wollte. Ich wusste nichts über diese Klasse. Vielen Dank. –

+0

@Kye Kein Problem, vergessen Sie nicht, die Antwort als akzeptiert zu markieren, damit die Community weiß, dass Ihr Problem gelöst ist :) –

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

Give this a read

+0

Ich bin immer noch den Button "Look" gegeben. –

+0

Entfernen Sie 'btn-default' und erstellen Sie Ihre eigenen Stile. – Luke

+0

Ah vergiss das, @koala_dev hat es – Luke

Verwandte Themen