Curso Twitter Bootstrap CSS – 5: Responsive design


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

28 thoughts on “Curso Twitter Bootstrap CSS – 5: Responsive design

  • April 7, 2019 at 15:11
    Permalink

    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>

  • April 7, 2019 at 15:11
    Permalink

    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

  • April 7, 2019 at 15:11
    Permalink

    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) ??

  • April 7, 2019 at 15:11
    Permalink

    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!

  • April 7, 2019 at 15:11
    Permalink

    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

  • April 7, 2019 at 15:11
    Permalink

    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.

  • April 7, 2019 at 15:11
    Permalink

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

  • April 7, 2019 at 15:11
    Permalink

    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;
    }
    }

  • April 7, 2019 at 15:11
    Permalink

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

  • April 7, 2019 at 15:11
    Permalink

    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.

Leave a Reply