Tutorial #11 del curso de BootStrap 3.2, en este tutorial nos introducimos a los formularios veremos un ejemplo sencillo de como crear nuestros formularios utilizando bootstrap, añadiremos elementos de formulario de html5 como ser; cajas te texto, utilizando etiquetas input y tambien agregaremos los check , radio botones y archivo.
Más información en la documentación oficial de BootStrap.
Categoría: Twitter BootStrap
10 Cursos de BootStrap v3.2 – Primer proyecto
Tutorial #10 del curso de BootStrap 3.2, En este tutorial empezamos realizando nuestra primera práctica, recrearemos un diseño de la página de gmail la cual tomaremos como ejemplo para construir nuestro diseño muy similar al original utilizando bootStrap, para ello aplicaremos todo lo aprendido hasta el momento en especial el sistema de grillas, comenzaremos creando primeramente nuestro boceto que es la clave para entender el diseño a desarrollar.
Leer más
9 Cursos de BootStrap v3.2 – Grilla push pull
Tutorial #9 del curso de BootStrap 3.2, en este tutorial veremos el uso de push y pull otras clases extra del sistema de grillas de bootstrap, que nos permiten por un lado push enpujar columnas hacia la derecha la cantidad de espacios necesarios, y lo opuesto pull que nos permite halar hacia la izquierda columnas según número de espacios requeridos, combinando ambos podemos intercambiar la posición de las columnas, con esto finalizamos el sistema de grillas.
Leer más
8 Cursos de BootStrap v3.2 – Grilla Clearfix offset
Tutorial #8 del curso de BootStrap 3.2, en este tutorial seguimos viendo las clases extra del sistema de grillas en este caso Clearfix que nos permite ordenar mejor el contenido desigual en una grilla, y offset nos permite recorrer una determinada cantidad de columnas hacia la derecha la cantidad de espacions necesarios, creando espacion vacios ideal para alinear un determinado contenido estas clases pueden ser combinadas con las diferentes resoluciones.
7 Cursos de BootStrap v3.2 – Grillas visible hidden
Tutorial #7 del curso de BootStrap 3.2, en este tutorial veremos como utilizar las clases extra del sistema de grillas utilizaremos visible para mostrar contenido de columnas deacuerdo a una resolución determinada y la clase hidden para hacer lo opuesto ocultar el contenido de una determinada columna según una determinada resolución.
Leer más
6 Cursos de BootStrap v3.2 – Sistema de grillas 3
Tutorial #6 del curso de BootStrap, en este tutorial seguimos viendo el sistema de grillas de bootstrap, veremos 2 ejemplos donde utilizaremos clases combinadas, como ser col-xs, col-sm, col-md. Veremos como se comporta dependiendo de la resolución del navegador o dispositivo, llamandose a la clase asociada a determinada resolución, prueba utilizando mas conbinaciones de clases.
Leer más
5 Cursos de BootStrap v3.2 – Sistema de grillas 2
Tutorial #5 del curso de BootStrap, en este tutorial seguimos viendo el sistema de grillas de bootstrap, veremos el uso de dos componentes importantes: .row , .col , la cual nos permite crear una especie de cuadrícula donde podremos nuestro contenido, bootstrap no permite utilizar un máximo de 12 columnas o espacios de columnas para colocar nuestro contenido nos permite utilizar los prefijos de clase para el soporte a diseños adaptables para distiantas resoluciones como ser (xs sm md ,lg).
Leer más