• Thursday , 4 June 2020

Curso Twitter Bootstrap CSS – 5: Responsive design

Code Canyon
https://i.ytimg.com/vi/83MIaDqOeI4/hqdefault.jpg



⚡️Únete a Premium (+100 cursos) aquí:
https://codigofacilito.com/suscripcion

— Aprende CSS3 Avanzado desde cero en nuestro NUEVO CURSO! ► http://bit.ly/css3CFA – Conviértete en un master con más de 7 horas de video tutoriales, ejemplos de código y mucho más.

Clic aquí para todos nuestros cursos y tutoriales: ►http://codigofacilito.com/

Síguenos en Twitter:
►http://twitter.com/codigofacilito

“Like” en Facebook:
►http://facebook.com/codigofacilito

—–

MÁS CURSOS de CódigoFacilito:

Curso para crear una página web en HTML5:
►http://bit.ly/PaginaWebHTML5

Curso de Ruby
► http://bit.ly/RubyFacilito

Curso de Ruby on Rails
► http://bit.ly/RailsFacilito

Curso de Python:
►http://bit.ly/PythonFacilito

Curso de HTML5:
►http://bit.ly/HTML5Facilito

Curso de WordPress (Crea un tema desde cero):
► http://bit.ly/WordPressFacilito

Curso de CSS:
►http://bit.ly/CSSFacilito

Curso de PHP:
►http://bit.ly/PHPFacilito

Curso de JavaScript y jQuery:
►http://bit.ly/jQueryFacilito

Curso de Java:
►http://bit.ly/JavaFacilito

Curso de C++:
►http://bit.ly/CFacilito

Curso de Xcode:
►http://bit.ly/XcodeFacilito

—–

Sitio web:
►http://codigofacilito.com/

Síguenos en Twitter:
►http://twitter.com/codigofacilito

“Like” en Facebook:
►http://facebook.com/codigofacilito

Suscríbete en YouTube:
►http://bit.ly/qHEewR

Únete al Newsletter:
►http://bit.ly/CorreoFacilito

—–

►¿Quiéres ser tutor en CódigoFacilito?
Escríbeme a alejandroruibal arroba gmail.com y cuéntame porqué te gustaría participar en nuestro proyecto, qué curso te gustaría impartir y un poco de tu experiencia como programador. Es una excelente manera de compartir tus conocimientos con la comunidad mientras al mismo tiempo generas un ingreso extra. ¡Nuevo Curso de CSS3! http://bit.ly/css3CFA – Aprende CSS3 desde cero y conviértete en un master con más de 70 video tutoriales, 7 horas de cursos, ejemplos de código y mucho más.

Original source

3d Ocean

Related Posts

28 Comments

  1. marcos gonzalez
    April 7, 2019 at 15:11

    en bootstrap 4:
    <style>
    body {
    background-color: violet;
    }
    @media only screen and (min-width: 33.9em) {
    body {
    background-color: indigo;
    }
    }
    @media only screen and (min-width: 47.9em) {
    body {
    background-color: blue;
    }
    }
    @media only screen and (min-width: 61.9em) {
    body {
    background-color: yellow;
    }
    }
    @media only screen and (min-width: 74.9em) {
    body {
    background-color: orange;
    }
    }
    </style>

  2. Yorvy Meza
    April 7, 2019 at 15:11

    para todos cuando descargue bootstrap y no le salga esto bootstrap-responsive.css
    utilicen esta que es la nueva bootstrap-theme cuando la enlace tienen que colocarle .css al final, se lo recomeindo

  3. Roland M
    April 7, 2019 at 15:11

    Que tal, alguna tendrá idea de porque no me ocupa casi el total de mi pantalla con el ejemplo, sigue tal cual como se inicio el curso, sera por el tamaño de mi pantalla (1920×1080) ??

  4. edrei cruz
    April 7, 2019 at 15:11

    El archivo bootstrap.css ya contiene los @Media ;), me tuve que leer todos lo archivos para encontrarlos xD

  5. Sebastian Rincon
    April 7, 2019 at 15:11

    jajaja este es el mejor curso esa voz xD me cago de la risa y aprendo jajajajajjajjaja

  6. Alberto Morillo
    April 7, 2019 at 15:11

    Porfavor hagan cualquier aclaracion de convalidacion con el bootstrap 3

  7. Nicolás Falla Ríos
    April 7, 2019 at 15:11

    Una pregunta no me aparece css resoponsive en bootstrap 3.3.4 ayuda pliz

  8. Leandro Alfonso
    April 7, 2019 at 15:11

    Se podría usar dentro de Style las funciones "visible-tablet", "visible-phone"… etc??

  9. Carlos Eduardo Salazar Lara
    April 7, 2019 at 15:11

    … buenos días, una pregunta: si lo que necesito colorear es el fondo de pantalla, cómo lo hago?, será relacionando el background?…

  10. Andre Silva
    April 7, 2019 at 15:11

    Fue la mejor clase que he asistido arranque en youtube! 

    Amigo Quiero darle las gracias por estas lecciones en video y apenas esperar a llegar en la última lección de vídeo. 

    No puedo escribir en español y por lo que estoy utilizando el traductor de google para darte las gracias. 

    Gracias amigo! 

    Felicitaciones por tus clases! 

    Son los mejores que he visto en mi vida!

  11. marvin erazo
    April 7, 2019 at 15:11

    como pusistes /* */
    ???
    hasta ahora e echo todo lo que nos has enseñado en tu tutorial. y la verdad me va muy bien ..pero creo que son pocos las dudas de algunas cosas que no entiendo como lo haces..saludos

  12. José Cuadro Manzano
    April 7, 2019 at 15:11

    Una consulta, alguien me podria decir como hizo la linea de "meta name", fue una paja atroz hacerla, saludos.

  13. Didier Sotto
    April 7, 2019 at 15:11

    Gracias por el tutorial, me ha ayudado.
    Solo apunto que a partir de la versión 3 de Bootstrap no es necesario que incluyan estas lineas: 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css">

    …solo incluyan los @media y ya está. 

    -Saludos.

  14. Adrian Herrera
    April 7, 2019 at 15:11

    Oye en las nuevas versiones todo cambia, todos los ejemplos que haces estan obsoletos, ya que las clases para hacer cada cosa cambio

  15. Servando Cerna
    April 7, 2019 at 15:11

    Excelente que enseñes de una manera tan clara y fácil… gracias!

  16. javi baque
    April 7, 2019 at 15:11

    una pregunta en bootstrap 3 el bootdtrap-responsive.css no esta en la descarga donde la consigo ???

  17. Jhonatan C Hurtado
    April 7, 2019 at 15:11

    Quizás un pequeño aporte, para que no salga el texto en negro, usar el media query un pixel antes del tamaño para escritorios grandes:

    @media(min-width: 768px) and (max-width: 1199px) {
    body{
    color: green;
    }
    }

  18. Bionick Xyndrom
    April 7, 2019 at 15:11

    No me agarra el media D: que estoy haciendo mal?

  19. Andres Madonia
    April 7, 2019 at 15:11

    no me esta colocando el texto con el color que le asigne cuando se utiliza un monitor grande

  20. Leonardo Granadillo
    April 7, 2019 at 15:11

    <style type="text.css"> simplemente no funciona osea no se pone de ningun color y revise todo el codigo y esta bien

  21. ernesto Cedano
    April 7, 2019 at 15:11

    disculpa como haces por ejemplo en uno de tus videos anteriores escribias div.row y se ponia ya las etiquetas,gracias

  22. Gustavo Salgado
    April 7, 2019 at 15:11

    github gsalgadotoledo bootstrap-facilito por twitter te puedo dar el enlace mejor

  23. Daniel Zapata M.
    April 7, 2019 at 15:11

    Muchas Gracias, me ha servido mucho estos videos, ojala sigas haciendo mas videos de el diseño web..

  24. R R
    April 7, 2019 at 15:11

    ¿Dónde esta el enlace para bajar el código que comentas en el vídeo con el diseño mencionado?

  25. Daniel lopez charry
    April 7, 2019 at 15:11

    Hola ahora vi el primer vídeo y en una anotación esta el link a la lista de reproducción con los 50 vídeos

  26. waspharderfaster (upirons)
    April 7, 2019 at 15:11

    Una consulta, veo que los videos de todo el curso ya están subido (uploaded 22 oct 2013) pero vais publicando uno cada día. ¿es así? ¿al publicar cambiáis algo desde que lo subísteis? Muchas gracias por que es un gran aporte y de calidad.

  27. Oscar Corcho
    April 7, 2019 at 15:11

    Como podría colocar una barra lateral responsiva? e intentado y nada…!!

  28. pepe Don Melon
    April 7, 2019 at 15:11

    No deja de sorprenderme…

Leave A Comment

You must be logged in to post a comment.