twitter-bootstrap-3
Pulsanti in twitter-bootstrap-3

Usando la classe `btn` di twitter-bootstrap

btn classe btn di Twitter-bootstrap può essere utilizzata con uno qualsiasi dei seguenti elementi html.

1. ancora
2. pulsante
3. inserisci with both type="button" and type="submit"

Di seguito sono riportati esempi di tutti i possibili casi d'uso della classe btn

<a class="btn" href="#" role="button">Link</a>
<button class="btn" type="submit">Button</button>
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">

Sebbene la classe btn possa essere utilizzata in uno dei quattro modi sopra descritti, si consiglia vivamente di utilizzare l'elemento <button> ogni volta che è possibile

L'immagine del codice sopra è allegata qui sotto

fonte

diverse dimensioni del pulsante in twitter-bootstrap-3

twitter-bootstrap-3 ha fornito quattro diverse dimensioni di pulsanti

1. Pulsante grande btn-lg
2. Il pulsante predefinito does not require any btn size
3. Piccolo pulsante btn-sm
4. Pulsante extra piccolo btn-xs

 <button type="button" class="btn  btn-lg">Large button</button>
 <button type="button" class="btn">Default button</button>
 <button type="button" class="btn  btn-sm">Small button</button>
 <button type="button" class="btn  btn-xs">Extra small button</button>

L'immagine del codice sopra è allegata qui sotto

fonte

Aggiungi Glyphicon al pulsante

I glyphicon possono essere usati in testo, pulsanti, barre degli strumenti, navigazione, moduli, ecc. (Fonte: W3Schools). I glyphicons sono fondamentalmente delle forme di icone che possono essere usate per disegnare uno qualsiasi dei suddetti. Questi esempi descrivono l'uso di glyphicon all'interno di due tipi di pulsanti semplicemente usando una span all'interno dei pulsanti che hanno una classe di tipo glyphicon:

Pulsante HTML

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

Pulsante ASP

<asp:LinkButton runat="server" CssClass="btn btn-info" >
    <span class="glyphicon glyphicon-envelope"></span> Email
</asp:LinkButton>