
Tutorial Bootstrap Ya
CSS
Publicado el 21 de Noviembre del 2017 por Administrador
2.473 visualizaciones desde el 21 de Noviembre del 2017
El objetivo de este tutorial es conocer y practicar el framework Bootstrap. Se presentan primero los conceptos básicos y ejercicios para probarlos y modificarlos.
Se requiere tener conocimientos previos de HTML y CSS.
Contenidos:
1 - ¿Qué es Bootstrap?
2 - Sistema de grillas de Bootstrap
3 - Múltiples reglas a las columnas de una fila.
4 - Anidamiento de columnas
5 - Offset (desplazamiento) de columnas
6 - Contenedor: container y containter-fluid
7 - table : básica
8 - table : con filas con colores alternos
9 - table : con borde en cada celda.
10 - table : iluminar la fila donde se encuentra el mouse (hover)
11 - table : tabla condensada.
12 - table : adaptable.
13 - table : clases contextuales aplicadas a filas y celdas.
14 - form : controles input (text,password)
15 - form : control textarea
16 - form : controles checkbox y radio
17 - form : control select
18 - form : formulario en una línea
19 - form : formulario horizontal
20 - form : control y grupo de controles HTML deshabilitados
21 - button : estilos
22 - button : tamaño
23 - button : desactivo
24 - button : grupo de botones, barra de herramientas y tamaños.
25 - Tipografía : títulos
26 - Tipografía : colores según el contexto.
27 - Tipografía : listas
28 - Tipografía : citas de bloque
29 - Tipografía : abreviaturas e iniciales
30 - Tipografía : Código y bloques de código.
31 - Tipografía : Clases para el alineado, justificado, transformación de texto etc.
32 - Iconos
33 - Imágenes
34 - Componente : jumbotron
35 - Componente : panel
36 - Componente : navegación por pestañas
37 - Componente : paginación
38 - Componente : barra de progreso
39 - Componente : barra de navegación simple
40 - Componente : Menú desplegable (Javascript)
Se requiere tener conocimientos previos de HTML y CSS.
Contenidos:
1 - ¿Qué es Bootstrap?
2 - Sistema de grillas de Bootstrap
3 - Múltiples reglas a las columnas de una fila.
4 - Anidamiento de columnas
5 - Offset (desplazamiento) de columnas
6 - Contenedor: container y containter-fluid
7 - table : básica
8 - table : con filas con colores alternos
9 - table : con borde en cada celda.
10 - table : iluminar la fila donde se encuentra el mouse (hover)
11 - table : tabla condensada.
12 - table : adaptable.
13 - table : clases contextuales aplicadas a filas y celdas.
14 - form : controles input (text,password)
15 - form : control textarea
16 - form : controles checkbox y radio
17 - form : control select
18 - form : formulario en una línea
19 - form : formulario horizontal
20 - form : control y grupo de controles HTML deshabilitados
21 - button : estilos
22 - button : tamaño
23 - button : desactivo
24 - button : grupo de botones, barra de herramientas y tamaños.
25 - Tipografía : títulos
26 - Tipografía : colores según el contexto.
27 - Tipografía : listas
28 - Tipografía : citas de bloque
29 - Tipografía : abreviaturas e iniciales
30 - Tipografía : Código y bloques de código.
31 - Tipografía : Clases para el alineado, justificado, transformación de texto etc.
32 - Iconos
33 - Imágenes
34 - Componente : jumbotron
35 - Componente : panel
36 - Componente : navegación por pestañas
37 - Componente : paginación
38 - Componente : barra de progreso
39 - Componente : barra de navegación simple
40 - Componente : Menú desplegable (Javascript)
21 visualizaciones durante los últimos 90 días