Botones en Foundation

Clase 10 de 45 • Curso de Frontend con Bootstrap y Foundation 2016

Contenido del curso

¡Hemos renovado este curso!

1
¿Dónde aprender frontend actualizado?
00:17 min

Bienvenido al curso

Foundation

Bootstrap

Conclusiones

Contenido complementario

Tomar examen

Comentarios

Luis Arturo Cardenas Bustamante

student•

Los tipos de tamaños de los botones son:

tiny (Es el tamaño más pequeño)
small
medium
large

Usuario anónimo

user•

Buen Aporte

Darinel Valencia Hernández

student•

Una sugerencia, deberían modificar el visor de video, de tal manera que la barra de controles no invada el video cuando se necesite pausar, ya que dificulta la visión del contenido.

Gracias.

Wilson Naranjo

student•

De acuerdo con este comentario.

Helmut David Soler

student•

y los menus desplegables invaden la barra de navegacion del video y toca hacer maromas para no tocar esos menus

Carlos Francisco Betancourt Requena

student•

Se puede crear un botón básico con un marcado mínimo. Debido a que los botones se pueden usar para muchos propósitos, es importante usar la etiqueta correcta.

Use la etiqueta <a> si el botón es un enlace a otra página, o un enlace a un ancla dentro de una página. En general, los anclajes no requieren JavaScript para funcionar.
Use la etiqueta <button> si el botón realiza una acción que cambia algo en la página actual. Los elementos <button> casi siempre requieren JavaScript para funcionar.
Agregue el atributo type=“button” a <button>, a menos que el botón envíe un formulario, en ese caso use type=“submit”.
Clase button: da los estilos predeterminados de botón que Foundation ofrece.
Clases para modificar el tamaño del botón: tiny, small, medium (o ninguna clase de tamaño, ya que medium es el tamaño por defecto de los botones), large, expanded, small expanded.
Clases para modificar el color: primary, secondary, success, alert, warning.
Clase hollow: permite crear un botón “fantasma”, es decir, solo con el texto y el borde, con un fondo transparente.
Clase disabled: permite mostrar como deshabilitado un botón ya sea con la etiqueta <a> o <button>; si se utiliza la etiqueta <button> en lugar de agregar la clase, es posible utilizar el atributo disabled.

Nelson Meza

student•

Que grande gracias

carlos leon

student•

Excelente explicación

Marco Vinicio González Jiménez

student•

Porque el título (Platzipalooza) en el primer callout cambia de tamaño en móvil, y el botón en el segundo callout no?

¿Cómo puedo controlar esto? lo pregunto para colocare una función de .js que escale el texto sin brincos.

Dayan Betancourt

student•

Creo que se debe a que el primero es un título, es una etiqueta h1, creo que Foundation le coloca estilos a los títulos para que disminuyan su tamaño. Mientras que el segundo es un botón, una etiqueta button y esa etiqueta Foundation no le coloca estilos para el cambio de tamaño.

Alexander Valencia

student•

http://foundation.zurb.com/sites/docs/callout.html

Botones en Foundation

¡Hemos renovado este curso!

¿Dónde aprender frontend actualizado?

Bienvenido al curso

Bienvenidos al curso de frontend con Bootstrap y Foundation

Introducción a Frameworks Frontend

Foundation

Presentación del proyecto para Foundation

Grilla de Foundation

Grilla Flex de Foundation

Foundation Icon Fonts 3

Títulos en Foundation

Barra de menú en Foundation