[Curso] Bootstrap de 0 a 100 ? Archivos - Página 3 de 3 - Programador Novato

bootstrap 1

01.- Bootstrap? de 0 a 100 [Que es Bootstrap, lo necesito? ?]

En este tutorial vamos a ver que es bootstrap y aremos un breve comparativa con su competencia.

https://getbootstrap.com/

https://materializecss.com/

https://foundation.zurb.com/

h

bootstrap 3

03.- Bootstrap? de 0 a 100 [Contenedores?️ y rejillas?]

En este tutorial vamos a estudiar los contenedores de tipo normal y fluid, además de la forma de de colocar contenido responsive en rejillas de bootstrap.
Codigo: https://github.com/progr…

bootstrap 4

04.- Bootstrap? de 0 a 100 [Puntos de ruptura ?]

En este tutorial vamos a er los puntos de roptura de nuestras rejillas de boostrap, en otras palabras vamos apersonalizar como queremos que se miren nuestras columnas en los diferentes dispo…

bootstrap 5

05.- Bootstrap? de 0 a 100 [Crear estructura de una página web]

En este tutorial vamos a seguir trabajando con los puntos de ruptura pero en esta ocasión de forma practica porque vamos a hacer practicamente la estructura de una pagina web.
Codigo: https:/…

bootstrap 6

06.- Bootstrap? de 0 a 100 [Alineaciones]

En este tutorial vamos a estudiar las alineaciones de los registros y columnas que nos ofrece bootstrap.
Codigo: https://github.com/programadornovato/bootstrap/commit/333f18760ce…

bootstrap 7

07.- Bootstrap? de 0 a 100 [Alinear imagenes]

En este video vamos a realizar una practica de de las alineaciones que hicimos en el tutorial anterior.
Codigo: https://github.com/programadornovato/bootstrap/commit/4061e34a4220e

bootstrap 8

08.- Bootstrap? de 0 a 100 [navbar (barra de navegación)]

En este video vamos a rematar la home de nuestra pagina web colocando un navbar (responsive obviamente) el cual va a contener menús, dropdowns, buscadores (preparados para backend).
Codigo…

bootstrap 9

09.- Bootstrap? de 0 a 100 [Espaciados y estilos de texto]

En este tutorial vamos a trabajar con diferentes estilos de texto, espaciados y colores que nos ofrece bootstrap.
Codigo: https://github.com/programadornovato/bootstrap/commit/74c

bootstrap 10

10.- Bootstrap? de 0 a 100 [Cardr]

En este tutorial vamos a trabajar con las tarjetas que nos ofrece bootstrap.
Codigo: https://github.com/programadornovato/bootstrap/commit/2ee2e6e58440f1f4541c53107d2cb795811

bootstrap 11

11.- Bootstrap? de 0 a 100 [Jumbotron]

En este tutorial vamos a estudias jumbotron que es un elemento para mostrar de forma resaltada alguna informacion.
Codigo: https://github.com/programadornovato/bootstrap/commit/ff

bootstrap 12

12.- Bootstrap? de 0 a 100 [formularios]

En este tutorial vamos a estudiar los formularios que nos ofrece bootstrap y ademas vamos a trabajar con poco de grids para darle un estilo mas elegante.

Codigo: https://github.com/program…

bootstrap 13

13.- Bootstrap? de 0 a 100 [formulario inline]

En este tutorial vamos a trabajar con formularios online, osea un formulario en el que las etiquetas estén una al lado de la otra.
Codigo:https://github.com/programadornovato/bootstrap…

bootstrap 14

14.- Bootstrap? de 0 a 100 [Carousel?]

En este tutorial vamos a trabajar con el Carousel que nos ofrece Bootstrap
Codigo: https://github.com/programadornovato/bootstrap/commit/b645df83ff84d57cfd085cc6b4c843739501d…

bootstrap 16

16.- Bootstrap? de 0 a 100 [ventana modal]

En este tutorial vamos a estudiar las ventanas modales o pop que nos ofrece bootstrap 4.
Codigo: https://github.com/programadornovato/bootstrap/commit/0ea1781325ec07bb777494871e

bootstrap 17

17.- Bootstrap? de 0 a 100 [Scrollspy]

En este tutorial vamos a estudiar scrollspy con las librerías que nos ofrece Bootstrap. Scrollspy detecta la posición de nuestro scroll y activa el menú que nosotros le asignemos.
Codigo: ht…

bootstrap 18

18.- Bootstrap? de 0 a 100 [Tooltip]

En este tutorial vamos a aprender a colocar unos tooltip (indicaciones) en algunos de los botones de nuestra pagina.
Codigo: https://github.com/programadornovato/bootstrap/commit/f

bootstrap 19

19.- Bootstrap? de 0 a 100 [Diferencia entre fixed-top y sticky-top]

En este tutorial vamos a aprender la diferencia entre fixed-top y sticky-top y ademas usaremos un poco de jquery para ocultar nuestro menu despues de hacer un sticky.
Codigo: https://github…

bootstrap 20

20.- Bootstrap? de 0 a 100 [Personalizar tarjetas de navidad?]

En este tutorial vamos a trabajar con card de bootstrap para poder crear tarjetas de navidad.
Código: https://github.com/programadornovato/bootstrap/commit/f28df6e38eaab072e0ab3…

bootstrap 22

22.- Bootstrap? de 0 a 100 [navbar ejemplo práctico]

En este tutorial vamos a trabajar con navbar y vamos a hacer un selector de imágenes con sus respectivas biografías de los avengers.
Codigo: https://github.com/programadornovato/bootst…

bootstrap 21

21.- Bootstrap? de 0 a 100 [formulario de suscripcion]

En este video vamos a crear un formulario de suscripción donde van a suscribirse de forma real usuarios a través de mailrelay.com
Codigo: https://github.com/programadornovato/bootstra

bootstrap 23

23.- Bootstrap? de 0 a 100 [navbar ejemplo práctico 2da parte]

En este tutorial vamos a hacer nuestro navbar responsive para todos los dispositivos y ademas nos vamos a apoyar de jquery para lograr nuestro objetivo.
Codigo: https://github.com/progra…

bootstrap 24 1

24.- Bootstrap? de 0 a 100 [Practicas con sticky-top]

En este tutorial vamos a conocer el funcionamiento de sticky-top y de paso miraremos un poco las entrañas de de las librerías de Bootstrap.
Codigo: https://github.com/programadornovato/