1. Casa
  2. Pulsante Fondazione

Il miglior tutorial Pulsante Fondazione Nel 2024, in questo tutorial puoi imparare Button Style,pulsante Size,pulsante arrotondato,estensione pulsante,pulsante Disabilita,

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>

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

Prova »

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

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>

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>

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>

Prova »

Tutorial caldi

Contattaci

Pulsante Fondazione
10/30