Botón Fundación
Estilo botón
Fundación ofrece seis estilos de botón. .button clase crea un botón azul junto con el acolchado. Los diferentes colores de la clase Button: .secondary , .success , .info , .warning o .alert :
Ejemplos
<Botón type = "button" clase = "botón"> Por defecto el botón </>
<Tipo botón = "botón de" clase = "botón secundario"> Secundaria </ botón>
<Botón type = "button" clase = "éxito botón"> éxito </ botón>
<Botón type = "button" clase = "info botón"> Información </ botón>
<Botón type = "button" clase = "alerta botón"> Advertencia </ botón>
<Botón type = "button" clase = "botón de aviso"> Alerta </ botón>
<Tipo botón = "botón de" clase = "botón secundario"> Secundaria </ botón>
<Botón type = "button" clase = "éxito botón"> éxito </ botón>
<Botón type = "button" clase = "info botón"> Información </ botón>
<Botón type = "button" clase = "alerta botón"> Advertencia </ botón>
<Botón type = "button" clase = "botón de aviso"> Alerta </ botón>
Trate »
clase de botón se puede utilizar en <a> , <button> o <input> elemento:
Ejemplos
<A Href = "#" class = "button papel info" = "button"> Botón de enlace </ a>
<Botón type = "button" clase = "botón de información"> botón </ botón>
<Input type = "button" clase = "botón de información" value = "botón de entrada">
<Input type = "submit" clase = "botón de información" value = "botón Submit">
<Botón type = "button" clase = "botón de información"> botón </ botón>
<Input type = "button" clase = "botón de información" value = "botón de entrada">
<Input type = "submit" clase = "botón de información" value = "botón Submit">
Trate »
 | ¿Por qué una etiqueta href a #? Cuando no queremos saltar y hacer clic en el enlace para obtener "404" de la página, podemos establecer una etiqueta href #. |
|---|
Tamaño de los botones
Podemos utilizar .large , .small o .tiny clase para establecer el tamaño del botón:
Ejemplos
<Tipo botón = "botón de" clase = "botón grande"> grande </ botón>
<Botón type = "button" clase = "botón"> Por defecto el botón </>
<Tipo botón = "botón de" clase = "pequeño botón"> Pequeño </ botón>
<Tipo botón = "botón de" clase = "pequeño botón"> Tiny </ botón>
<Botón type = "button" clase = "botón"> Por defecto el botón </>
<Tipo botón = "botón de" clase = "pequeño botón"> Pequeño </ botón>
<Tipo botón = "botón de" clase = "pequeño botón"> Tiny </ botón>
Trate »
botón redondeado
Puede utilizar .radius y .round clase para establecer el botón redondo:
Ejemplos
<Botón type = "button" clase = "botón"> botón predeterminado </ botón>
<Botón type = "button" clase = "botón de radio"> Botón de Radio </ botón>
<Botón type = "button" clase = "botón redondo"> Botón redondo botón </>
<Botón type = "button" clase = "botón de radio"> Botón de Radio </ botón>
<Botón type = "button" clase = "botón redondo"> Botón redondo botón </>
Trate »
extensión botón
Puede utilizar .expand clase para establecer el botón para el 100% de banda ancha:
Ejemplos
<Botón type = "button" clase = "botón"> botón predeterminado </ botón>
<Tipo botón = "botón de" clase = "botón de expansión"> Botón Ampliado </ botón>
<Tipo botón = "botón de" clase = "botón de expansión"> Botón Ampliado </ botón>
Trate »
botón Desactivar
Puede utilizar .disabled clase para hacer clic en el botón Configuración no está disponible:
Ejemplos
<Botón type = "button" clase = "botón"> botón predeterminado </ botón>
<Tipo botón = "botón de" clase = "botón desactivado"> Botón de movilidad reducida </ botón>
<Tipo botón = "botón de" clase = "botón desactivado"> Botón de movilidad reducida </ botón>
Trate »