¿Quiéres apoyar el canal?
Como podia evitar ese espaciado que se deja a la izqueirda en el ultimo mensaje?
Hola, cómo quieres que se vea?
Accede al curso de Bootstrap 5 con un super descuento aquí: http://curso-bootstrap-5-udemy.bluuweb.cl
¿Necesitas un curso en Udemy?
Al comprar cualquier curso en Udemy con el siguiente enlace http://bit.ly/2OQr3gM estarás apoyando a bluuweb 😍
Aquí puedes revisarlos: http://bit.ly/2OQr3gM
Aprendamos a trabajar con Bootstrap 5 desde cero! si eres nuevo este tutorial es para ti, pero si quieres trabajar con Sass y aprender a optimizar Bootstrap quédate hasta el final del video 🙂
Temario:
00:00 Introducción
01:05 Proyecto a desarrollar
02:18 Requisitos para aprender Bootstrap
03:05 ¿Para qué sirve Bootstrap?
04:59 ¿Es recomendable aprender Bootstrap?
09:34 Herramientas a utilizar
10:53 Comenzamos a trabajar con Bootstrap 5
13:58 BreakPoint
15:00 Container
17:46 Grid
23:41 Grid Responsive
31:26 Comenzar práctica web
38:46 Flexbox
40:46 Posicionamiento vertical con Flexbox
42:58 Modificar media queries
46:16 Card
49:48 Imágenes
51:23 Espaciados (margenes y padding)
53:48 Tipografía
55:32 Card al 100% del alto
58:41 Espaciados en Card
59:44 Personalizar Bootstrap 5
01:01:12 Instalar Bootstrap con NPM
01:02:27 Configurando SASS
01:06:24 Modificar Fuente en Sass
01:09:13 Colores en Sass
01:11:45 Media queries en Sass
01:12:17 Modificar imagen
01:12:47 Agregando fondo con Sass
01:14:05 Personalizando container
01:15:01 Sombras
01:15:31 Reduciendo CSS a 400 líneas 😱
01:20:45 Subiendo a Hosting gratuito
01:22:39 ¿Quieres seguir aprendiendo?
Documentación utilizada:
💩 Guía: https://bluuweb.github.io/bootstrap-5/
💩 Bootstrap 5 [Lista de reproducción]: Próximamente
💩 ¿Dudas y preguntas? aquí tendrás ayuda: https://discord.gg/xSceUPh
💩 Todos los cursos aquí: https://www.youtube.com/bluuweb
💩 Suscríbete al canal de bluuweb aquí: https://bit.ly/3kLYAqr
❤ Guía Master (todos los cursos): https://bluuweb.github.io/
#bootstrap #css #sass
¿Quiéres apoyar el canal?
🧨Curso Bootstrap 4 [UDEMY] http://curso-bootstrap-4-udemy.bluuweb.cl
🧨Curso Vue.js + Firebase [UDEMY] http://curso-vue-js-udemy.bluuweb.cl
🧨Curso React.js + Firebase [UDEMY] http://curso-react-js-udemy.bluuweb.cl
🧨Curso HTML y CSS [GRATIS] https://www.udemy.com/course/curso-html5-css3
🧨Cursos en oferta Udemy http://ofertas.bluuweb.cl
Conviértete en miembro de este canal para disfrutar de ventajas 😍:
https://www.youtube.com/channel/UCH7IANkyEcsVW_y1IlpkamQ/join
Redes Sociales:
https://bluuweb.org
http://discord.bluuweb.cl
https://www.twitch.tv/bluuweb
https://www.instagram.com/bluuweb_youtube
https://www.facebook.com/bluuweb
Tweets by Bluuweb
Cafecito para bluuweb: https://www.paypal.me/bluuweb
👌 Discord: https://discord.com/invite/hcG7NBvsGD
1. Senior React Front End engineer: https://jobs.apploi.com/view/624385?utm_source=oiga&utm_medium=&utm_campaign=truman&utm_term=jobs-listing-share-link
Apploi is hiring a Mid level to Senior Front End React engineer to work remotely or out of our Medellin, Colombia office
Some things you’ll do are:
Work in React to create effective, mobile-friendly experiences for Jobseekers and Recruiters. Strong layout (Flexbox/Grid) and component architecture skills are a major plus.
Contribute to our Living Style Guide/Design System & Shared Component Library (Storybook) by working directly with Product Designers. Previous experience scaling/contributing to component libraries is a major plus.
Consume and handle data efficiently. We use Python on the backend so previous Python experience is a plus (but not required). Experience scaling APIs (BFF/GraphQL) is a major plus.
Work with the team to produce clean, performant, and tested code while participating in code reviews and architectural discussions.
About Apploi’s Tech/Product team
See https://apploi.link/ApploiCulture
Recently ranked one of Inc’s Fastest Growing Software Companies, Apploi is on a mission to define…
hola, que tal. Como podia evitar ese espaciado que se deja a la izqueirda en el ultimo mensaje?
Aprende a crear una página web desde 0 con HTML CSS y Javascript, Crea una página web adapatable a dispositivos móvilles (Responsive Design). Primera parte
👨💻🎁 Aprende Diseño Web Desde Cero 👉 https://alexcgdesign.com/descuento-diseno-web-moderno/
📌Recursos del video 📌
👉🏻👉🏻👉🏻 Hosting usado: https://www.hostinger.com/alexcg
♦️ Código de descuento: ALEXCG
♦️ Código y materiales usados en el video: http://bit.ly/2EuzauA
👇👇👇Ver más👇👇👇
No te olvides de dejar un comentario de que te gustaría ver en cursos previos de mi canal y suscribirte al canal, porque con AlexCG Design, crecemos juntos!
📌 Links interesantes 📌
▶️ ¿Necesitas una página web?: http://bit.ly/2VaUUGt
▶️ Blog de desarrollo web: http://bit.ly/2DJM0oF
▶️ ¿Te gustó el vídeo? Suscribete aquí: https://www.youtube.com/c/AlexCGDesign?sub_confirmation=1
✉️ Redes sociales ✉️
▶️Facebook: https://goo.gl/7o77tx
▶️Linkedin: https://goo.gl/byCJnS
▶️Github: https://github.com/AlexCGDesign
▶️ Página web: http://bit.ly/2VaUUGt
text-align: left
queda el mismo problema del espacio en blanco, y quisiera que se vea alineado a la derecha