[ad_1]
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
25 responses to “#3 Container y Grid System – Curso completo de Bootstrap 4! 2017 desde cero”
Excelente!!
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
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
oieeee ahi las llaves en style es correctooo???? es que no eh podido hacer que aparezca el color
salyudos como puedes complatar el codigo…por ejemplo escribes .container y aparece un div
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
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
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.
Porque me sale vertical, explicarme por favor
oye amigo me puedes dar el código de todo estoy trabajando con eso y esta complicado
Otra subscriptora!
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.
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>
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 ?
me sale todo en vertical =(
Una Pregunta, tengo todo el codigo tal como es pero no me sale la fila las columnas me parecen verticla. Saludos
Una consulta por que las columnas 1,2 y 3 me salen de forma vertical y no horizontal??
Excelente curso sin duda alguna me ha servido para retomar mis conocimientos
a perdona y lo baje el frame del bootstrap
hola me funciona pero no me crea las columnas una al lado de la otro. gracias
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.
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?
se me generó todo un lio el col-xs estaba muy bien, pero ahora col-* no funciona tan bien creo
Excelente Bluweb!, Bootstrap es la tendencia ahora mismo
buen tutorial, saludos