Pulsante Fondazione
Button Style
Fondazione offre sei stili di pulsanti. .button classe crea un pulsante blu insieme con imbottitura. Colori diversi per la classe Button: .secondary , .success , .info , .warning o .alert :
Esempi
<Pulsante type = classe "pulsante" = "tasto"> default <tasto />
<Tipo Pulsante = "button" class = "tasto secondario"> Secondary </ button>
<Button type = "button" class = "tasto successo"> Successo </ button>
<Button type = "button" class = "Info pulsante"> Info </ button>
<Button type = "button" class = "button warning"> Attenzione </ button>
<Pulsante type = classe "pulsante" = "alert tasto"> Avviso </ button>
<Tipo Pulsante = "button" class = "tasto secondario"> Secondary </ button>
<Button type = "button" class = "tasto successo"> Successo </ button>
<Button type = "button" class = "Info pulsante"> Info </ button>
<Button type = "button" class = "button warning"> Attenzione </ button>
<Pulsante type = classe "pulsante" = "alert tasto"> Avviso </ button>
Prova »
classe Button può essere utilizzato in <a> , <button> , o <input> elemento:
Esempi
<A Href = "#" class = "button ruolo info" = "button"> Link Button </ a>
<Button type = "button" class = "Info pulsante"> Pulsante </ button>
<Input type = "button" class = valore "Info pulsante" = "Tasto Input">
<Input type = "submit" class = valore "Info pulsante" = "Submit Button">
<Button type = "button" class = "Info pulsante"> Pulsante </ button>
<Input type = "button" class = valore "Info pulsante" = "Tasto Input">
<Input type = "submit" class = valore "Info pulsante" = "Submit Button">
Prova »
 | Perché un tag href di #? Quando noi non vogliamo saltare e cliccare sul link per ottenere "404" pagina, possiamo impostare un tag href #. |
|---|
pulsante Size
Possiamo usare .large , .small o .tiny classe per impostare le dimensioni del pulsante:
Esempi
<Tipo Pulsante = "button" class = "grande pulsante"> Grande </ button>
<Pulsante type = classe "pulsante" = "tasto"> default <tasto />
<Tipo Pulsante = "button" class = "piccolo pulsante"> Piccolo <button />
<Tipo Pulsante = "button" class = "tasto piccolo"> piccolo </ button>
<Pulsante type = classe "pulsante" = "tasto"> default <tasto />
<Tipo Pulsante = "button" class = "piccolo pulsante"> Piccolo <button />
<Tipo Pulsante = "button" class = "tasto piccolo"> piccolo </ button>
Prova »
pulsante arrotondato
È possibile utilizzare .radius e .round classe per impostare il pulsante rotondo:
Esempi
<Pulsante type = classe "pulsante" = "tasto"> Pulsante di default </ button>
<Button type = "button" class = "button raggio"> Pulsante Raggio </ button>
<Button type = "button" class = "pulsante rotondo"> Il tasto rotondo </ button>
<Button type = "button" class = "button raggio"> Pulsante Raggio </ button>
<Button type = "button" class = "pulsante rotondo"> Il tasto rotondo </ button>
Prova »
estensione pulsante
È possibile utilizzare .expand classe per impostare il pulsante per il 100% della banda larga:
Esempi
<Pulsante type = classe "pulsante" = "tasto"> Pulsante di default </ button>
<Tipo Pulsante = "button" class = "pulsante di espansione"> Pulsante Expanded </ button>
<Tipo Pulsante = "button" class = "pulsante di espansione"> Pulsante Expanded </ button>
Prova »
pulsante Disabilita
È possibile utilizzare .disabled classe per fare clic sul pulsante Impostazioni non è disponibile:
Esempi
<Pulsante type = classe "pulsante" = "tasto"> Pulsante di default </ button>
<Tipo Pulsante = "button" class = "tasto disattivato"> pulsante disattivato </ button>
<Tipo Pulsante = "button" class = "tasto disattivato"> pulsante disattivato </ button>
Prova »