Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
[Curso] Bootstrap de 0 a 100 ? Archivos - Página 3 de 3 - Programador Novato
![01.- Bootstrap? de 0 a 100 [Que es Bootstrap, lo necesito? ?] 1 bootstrap 1](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-1-340x190.jpg)
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.
h…
![02.- Bootstrap? de 0 a 100 [Instalaciónn?] 2 bootstrap 2](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-2-340x190.jpg)
02.- Bootstrap? de 0 a 100 [Instalaciónn?]
En este video vamos a realizar un sencilla instalación de Bootstrap.
Codigo: https://github.com/programadornovato/bootstrap/commit/37b9a55b0a94ae4ed01ffedd7f54b8284e65e9d7
h…
![03.- Bootstrap? de 0 a 100 [Contenedores?️ y rejillas?] 3 bootstrap 3](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-3-340x190.jpg)
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…
![04.- Bootstrap? de 0 a 100 [Puntos de ruptura ?] 4 bootstrap 4](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-4-340x190.jpg)
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…
![05.- Bootstrap? de 0 a 100 [Crear estructura de una página web] 5 bootstrap 5](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-5-340x190.jpg)
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:/…
![06.- Bootstrap? de 0 a 100 [Alineaciones] 6 bootstrap 6](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-6-340x190.jpg)
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…
![07.- Bootstrap? de 0 a 100 [Alinear imagenes] 7 bootstrap 7](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-7-340x190.jpg)
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…
![08.- Bootstrap? de 0 a 100 [navbar (barra de navegación)] 8 bootstrap 8](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-8-340x190.jpg)
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…
![09.- Bootstrap? de 0 a 100 [Espaciados y estilos de texto] 9 bootstrap 9](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-9-340x190.jpg)
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…
![10.- Bootstrap? de 0 a 100 [Cardr] 10 bootstrap 10](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-10-340x190.jpg)
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…
![11.- Bootstrap? de 0 a 100 [Jumbotron] 11 bootstrap 11](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-11-340x190.jpg)
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…
![12.- Bootstrap? de 0 a 100 [formularios] 12 bootstrap 12](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-12-340x190.jpg)
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…
![13.- Bootstrap? de 0 a 100 [formulario inline] 13 bootstrap 13](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-13-340x190.jpg)
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…
![14.- Bootstrap? de 0 a 100 [Carousel?] 14 bootstrap 14](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-14-340x190.jpg)
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…
![15.- Bootstrap? de 0 a 100 [Plantillas] 15 bootstrap 15](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-15-340x190.jpg)
15.- Bootstrap? de 0 a 100 [Plantillas]
En este tutorial vamos a estudiar las plantillas que nos da bootstrap.
Codigo: https://github.com/programadornovato/plantilla-bootstrap/commit/fe0aacc4ad21afb044db2b98bc5e94…
![16.- Bootstrap? de 0 a 100 [ventana modal] 16 bootstrap 16](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-16-340x190.jpg)
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…
![17.- Bootstrap? de 0 a 100 [Scrollspy] 17 bootstrap 17](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-17-340x190.jpg)
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…
![18.- Bootstrap? de 0 a 100 [Tooltip] 18 bootstrap 18](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-18-340x190.jpg)
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…
![19.- Bootstrap? de 0 a 100 [Diferencia entre fixed-top y sticky-top] 19 bootstrap 19](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-19-340x190.jpg)
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…
![20.- Bootstrap? de 0 a 100 [Personalizar tarjetas de navidad?] 20 bootstrap 20](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-20-340x190.jpg)
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…
![22.- Bootstrap? de 0 a 100 [navbar ejemplo práctico] 21 bootstrap 22](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-22-340x190.jpg)
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…
![21.- Bootstrap? de 0 a 100 [formulario de suscripcion] 22 bootstrap 21](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-21-340x190.jpg)
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…
![23.- Bootstrap? de 0 a 100 [navbar ejemplo práctico 2da parte] 23 bootstrap 23](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-23-340x190.jpg)
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…
![24.- Bootstrap? de 0 a 100 [Practicas con sticky-top] 24 bootstrap 24 1](https://www.programadornovato.com/wp-content/uploads/2020/06/bootstrap-24-1-340x190.jpg)
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/…
Ave que vuela, a la cazuela.