Fix Spanish translations for Bootstrap Buttons (#19776)
This commit is contained in:
Dulce Hernández
committed by
Josh Alling
Josh Alling
parent
97d60dbd9e
commit
28f4d54be1
@@ -4,87 +4,87 @@ localeTitle: Botones
|
||||
---
|
||||
## Botones
|
||||
|
||||
El marco de Bootstrap le proporciona varias opciones de estilo para los botones. Estos estilos le ayudan a proporcionar una representación visual al usuario de lo que puede hacer el botón.
|
||||
El framework de Bootstrap le proporciona varias opciones de estilo para los botones. Estos estilos le ayudan a proporcionar una representación visual al usuario de lo que puede hacer el botón.
|
||||
|
||||
#### Cómo utilizar:
|
||||
|
||||
Para usar los botones de arranque, siga los mismos pasos que haría para crear un botón en HTML, excepto que también aplica la clase de CSS correspondiente al botón. A continuación se proporciona un ejemplo de código.
|
||||
Para usar los botones de Bootstrap, siga los mismos pasos que haría para crear un botón en HTML, excepto que también aplica la clase de CSS correspondiente al botón. A continuación se proporciona un ejemplo de código.
|
||||
|
||||
**Ejemplo de código:**
|
||||
|
||||
`<button type="button" class="btn btn-primary">Primary</button>`
|
||||
`<button type="button" class="btn btn-primary">Primario</button>`
|
||||
|
||||
Primario
|
||||
|
||||
También puede usar los botones de arranque con los elementos `<a>` e `<input>` como se muestra en los ejemplos a continuación.
|
||||
También puede usar los botones de Bootstrap con los elementos `<a>` e `<input>` como se muestra en los ejemplos a continuación.
|
||||
|
||||
`<a class="btn btn-primary" href="#" role="button">This button is a link</a>`
|
||||
`<a class="btn btn-primary" href="#" role="button">Este botón es un enlace.</a>`
|
||||
|
||||
[Este botón es un enlace.](#)
|
||||
|
||||
`<input class="btn btn-primary" type="submit" value="Submit">`
|
||||
|
||||
#### Lista de clases de botones de arranque:
|
||||
#### Lista de clases de botones de Bootstrap:
|
||||
|
||||
Esta es una lista de las clases CSS que bootstrap proporciona para los botones.
|
||||
Esta es una lista de las clases CSS que Bootstrap proporciona para los botones.
|
||||
|
||||
`.btn` Este es el botón básico de bootstrap.
|
||||
`.btn` Este es el botón básico de Bootstrap.
|
||||
|
||||
BASIC
|
||||
Básico
|
||||
|
||||
`.btn-default` Este es el botón predeterminado de bootstrap.
|
||||
`.btn-default` Este es el botón predeterminado de Bootstrap.
|
||||
|
||||
Defecto
|
||||
Predeterminado
|
||||
|
||||
`.btn-primary` Este es el botón principal de bootstrap.
|
||||
`.btn-primary` Este es el botón primario de Bootstrap.
|
||||
|
||||
Primario
|
||||
|
||||
`.btn-success` Este es el botón de éxito de bootstrap.
|
||||
`.btn-success` Este es el botón de éxito de Bootstrap.
|
||||
|
||||
Éxito
|
||||
|
||||
`.btn-info` Este es el botón de información de bootstrap.
|
||||
`.btn-info` Este es el botón de información de Bootstrap.
|
||||
|
||||
Información
|
||||
|
||||
`.btn-warning` Este es el botón de advertencia de bootstrap.
|
||||
`.btn-warning` Este es el botón de advertencia de Bootstrap.
|
||||
|
||||
Advertencia
|
||||
|
||||
`.btn-danger` Este es el botón de peligro de bootstrap.
|
||||
`.btn-danger` Este es el botón de peligro de Bootstrap.
|
||||
|
||||
Peligro
|
||||
|
||||
`.btn-link` Este es el botón de enlace de bootstrap.
|
||||
`.btn-link` Este es el botón de enlace de Bootstrap.
|
||||
|
||||
Enlazar
|
||||
Enlace
|
||||
|
||||
`.btn-light` Este es el botón de luz de bootstrap.
|
||||
`.btn-light` Este es el botón claro de Bootstrap.
|
||||
|
||||
Ligero
|
||||
Claro
|
||||
|
||||
#### Tamaños de botones de Bootstrap:
|
||||
|
||||
Esta es una lista de las clases de CSS para diferentes tamaños de botones.
|
||||
|
||||
`.btn-lg` Este es el botón grande de bootstrap.
|
||||
`.btn-lg` Este es el botón grande de Bootstrap.
|
||||
|
||||
Grande
|
||||
|
||||
`.btn-sm` Este es el pequeño botón de bootstrap.
|
||||
`.btn-sm` Este es el botón pequeño de Bootstrap.
|
||||
|
||||
Pequeña
|
||||
Pequeño
|
||||
|
||||
`.btn-xs` Este es el botón extra pequeño de bootstrap.
|
||||
`.btn-xs` Este es el botón extra pequeño de Bootstrap.
|
||||
|
||||
Extra Pequeño
|
||||
|
||||
#### Botones de la correa de arranque:
|
||||
#### Botones delineados de Bootstrap:
|
||||
|
||||
También es posible tener botones delineados en lugar de totalmente coloreados. Esto se logra colocando el `outline` corrección intermedia entre la clase de botón que desea. Un ejemplo de uso sería el siguiente:
|
||||
También es posible tener botones delineados en lugar de totalmente coloreados. Esto se logra colocando la palabra `outline` entre la clase de botón que desea. Un ejemplo de uso sería el siguiente:
|
||||
|
||||
`<button type="button" class="btn btn-outline-primary">Primary</button>`
|
||||
`<button type="button" class="btn btn-outline-primary">Primario</button>`
|
||||
|
||||
Los botones descritos son una parte de Bootstrap desde la versión 4, asegúrese de estar usando la versión correcta si no puede hacer que funcionen.
|
||||
|
||||
@@ -94,4 +94,4 @@ _Nota: No incluya el punto en el atributo de clase HTML, ya que las clases con u
|
||||
|
||||
* [Documentación de Bootstrap Buttons](https://getbootstrap.com/docs/4.0/components/buttons/)
|
||||
* [Documentación de Bootstrap Button Group](http://getbootstrap.com/docs/4.0/components/button-group/)
|
||||
* [Bootstrap Empezar](/articles/bootstrap/bootstrap-get-started)
|
||||
* [Bootstrap Empezar](/articles/bootstrap/bootstrap-get-started)
|
||||
|
||||
Reference in New Issue
Block a user