• Tuesday , 31 March 2020

#3 Container y Grid System – Curso completo de Bootstrap 4! 2017 desde cero

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



Conoceremos los contenedores en bootstrap 4 además analizaremos en este primer apartado el sistema de rejilla que incorpora Flexbox, esta es una de las actualizaciones más importantes de la versión 4 de Bootstrap.

En los siguientes apartados continuaremos analizando la Grid System tan famosa de este Framework.

Curso de Bootstrap 4 PREMIUM!
El valor del curso es de $199 dólares pero podrás acceder por tan solo $15 dólares aquí: https://goo.gl/NeCmze

¿Necesitas crear formularios de contacto con PHP?
Ingresa a mi curso PREMIUM a solo $15 dólares aquí: https://goo.gl/K2SKWZ

No olvides suscribirte a este hermoso canal y destruirme en los comentarios 🙂

También puedes seguirme en Facebook: https://www.facebook.com/bluuweb/

Original source

3d Ocean

Related Posts

25 Comments

  1. Brian BG
    March 10, 2018 at 10:11

    Excelente!!

  2. Star Of infinity
    March 10, 2018 at 10:11

    que tal amigo podes hacer un tutorial de como añadir campos de textos y desplegar con un boton y tambien al desplegar los input que tenga un boton añadir campos

  3. TaGy
    March 10, 2018 at 10:11

    A los que le salen mal las columnas de la tabla, osea en forma vertical. es por el <link> de vuestro archivo .css
    Si lo quitais y poneis el que pone en la página oficial

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    Os funcionara, puede que haya habido una actualización, y si quereis hacerlo enlazando el css, os tendreis que volver a bajar el archivo supongo

    Un saludo

  4. Julio Cesar Torres Garcia
    March 10, 2018 at 10:11

    oieeee ahi las llaves en style es correctooo???? es que no eh podido hacer que aparezca el color

  5. Gadied Carrero
    March 10, 2018 at 10:11

    salyudos como puedes complatar el codigo…por ejemplo escribes .container y aparece un div

  6. Gabriela Ana
    March 10, 2018 at 10:11

    Intento hacer lo que dices pero las columnas me salen mal http://prntscr.com/hwzv17 así me salen las columnas no se donde puede etar el error http://prntscr.com/hwzx4p

  7. franciszek1977
    March 10, 2018 at 10:11

    yo uso la <class=" form-control"> para hacer el borde automatico y es elegante el de bootstrap, y asi no haces uso del css, solo en caso de querer cambiarlo. saludos

  8. Robinson Cieza
    March 10, 2018 at 10:11

    Hola amigo, gracias por los conocimientos expuestos en todos tus videos, solo un pregunta, ¿Como se llama el editor de notas que usas y cuales son los procesos para resumir las escrituras en pleno código ? Gracias por tu respuesta.

  9. jairo Villano
    March 10, 2018 at 10:11

    Porque me sale vertical, explicarme por favor

  10. romo diaz
    March 10, 2018 at 10:11

    oye amigo me puedes dar el código de todo estoy trabajando con eso y esta complicado

  11. jenifer vera
    March 10, 2018 at 10:11

    Otra subscriptora!

  12. Gema Moreno
    March 10, 2018 at 10:11

    Buenas. Primero agradecer que hayas invertido tu tiempo en hacer el curso. Pero no comprendo bien cuando conviene usar el container o el container-fluid y en qué se diferencian.

  13. David Parra
    March 10, 2018 at 10:11

    Saludos amigos. escribo tal cual y no se pone el fondo de color azul (tampoco me funciona lo del container/fluid, no entiendo que estoy haciendo mal… Soy nuevo en es mundo HTML. adjunto el texto:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <!– Required meta tags –>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!– Bootstrap CSS –>
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <style>
    .color{background: blue;}
    </style>

    </head>
    <body>
    <h1>Hello, world!</h1>

    <div class="container-fluid fondo">
    <p>texto</p>
    </div>

    <!– jQuery first, then Tether, then Bootstrap JS. –>
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
    <script src="js/bootstrap.min.js" ></script>
    </body>
    </html>

  14. Fasoloperos
    March 10, 2018 at 10:11

    Hola amigo, me gusto un monton tu curso de bootstrap pero tengo un error, por alguna razon de mi codigo cuando empiezo a utilizar las clases del mismo no funciona, me podrias dar alguna solucion ?

  15. Yuri Goytia
    March 10, 2018 at 10:11

    me sale todo en vertical =(

  16. César Armando Núñez Jáuregui
    March 10, 2018 at 10:11

    Una Pregunta, tengo todo el codigo tal como es pero no me sale la fila las columnas me parecen verticla. Saludos

  17. R Luis Nuñez Perez
    March 10, 2018 at 10:11

    Una consulta por que las columnas 1,2 y 3 me salen de forma vertical y no horizontal??

  18. Javier Granados
    March 10, 2018 at 10:11

    Excelente curso sin duda alguna me ha servido para retomar mis conocimientos

  19. Claudio Martinotti
    March 10, 2018 at 10:11

    a perdona y lo baje el frame del bootstrap

  20. Claudio Martinotti
    March 10, 2018 at 10:11

    hola me funciona pero no me crea las columnas una al lado de la otro. gracias

  21. Deyvid Axelis Marquez
    March 10, 2018 at 10:11

    Pregunta. Flexbox viene a sustituir en el futuro, las class row y col y su sistema de floats? o flexbox viene a complementar dichas class row y col para hacerlas mas fluidas? Gracias por los videos.

  22. Fernando Diaz Gonzales
    March 10, 2018 at 10:11

    Se me hace raro, sigo paso a paso tus lineas y no se me enera ni el margen ni las columnas, me siguen apareciendo en lineas una bajo la otra, que puede estar pasando?

  23. Sebastián Nicolás Marabolí M.
    March 10, 2018 at 10:11

    se me generó todo un lio el col-xs estaba muy bien, pero ahora col-* no funciona tan bien creo

  24. gave777
    March 10, 2018 at 10:11

    Excelente Bluweb!, Bootstrap es la tendencia ahora mismo

  25. jhon macclein
    March 10, 2018 at 10:11

    buen tutorial, saludos

Leave A Comment

You must be logged in to post a comment.