gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix Spanish translations for Bootstrap Buttons (#19776)

Browse Source
This commit is contained in:
Dulce Hernández
2018-11-20 15:55:13 -06:00
committed by Josh Alling
parent 97d60dbd9e
commit 28f4d54be1
1 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
guide/spanish/bootstrap/buttons/index.md
View File

@@ -4,87 +4,87 @@ localeTitle: Botones
--- ---
## 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: #### 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:** **Ejemplo de código:**
`<button type="button" class="btn btn-primary">Primary</button>` `<button type="button" class="btn btn-primary">Primario</button>`
Primario 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.](#) [Este botón es un enlace.](#)
`<input class="btn btn-primary" type="submit" value="Submit">` `<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 Primario
`.btn-success` Este es el botón de éxito de bootstrap. `.btn-success` Este es el botón de éxito de Bootstrap.
Éxito É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 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 Advertencia
`.btn-danger` Este es el botón de peligro de bootstrap. `.btn-danger` Este es el botón de peligro de Bootstrap.
Peligro 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: #### Tamaños de botones de Bootstrap:
Esta es una lista de las clases de CSS para diferentes tamaños de botones. 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 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 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. 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 Buttons](https://getbootstrap.com/docs/4.0/components/buttons/)
* [Documentación de Bootstrap Button Group](http://getbootstrap.com/docs/4.0/components/button-group/) * [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)