[ad_1]
https://i.ytimg.com/vi/2kCI7PYXVUc/hqdefault.jpg
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.
Siguiente video tutorial y curso completo aquí: http://www.youtube.com/watch?v=Yp6-2jSmkLk&list=PLpOqH6AE0tNhW4kDFOTPs4keq1GcvJnwI&index=4
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 responses to “Curso Twitter Bootstrap CSS – 3: Grid para maquetar”
aunque estos tambien son bueno nos se los niego, lo que tienes que utilizar es los col-md y los demas que le di para que le funcines todo
amigo los curso de falcon master son mejores aunque son largo los video, pero explica todo que es las columnas col-md-, col-sm-, col-lg- col-sm- col-xs- lo van a entender mejor
yo tengo el sublime text 2.0.2 y no me funciona el span, el col-xs-12, col-md-12 todo me sigue saliendo unido ayuda 🙁
no logro hacerlo ya cambie el "span6" por el "col-md-6"
AYUDA
Saludos
me parece excelente nada mas una pregunta …
¿Por algun motivo no me genera la rejilla o el grid de comentarios, podrias ayudarme con este detalle he revisado fielmente siguiendo paso a paso revisando linea por linea y no se genera nada?
Posdata
por cierto baje primero el BOOTSTRAP 3 Y POSTERIORMENTE BAJE EL QUE MENCIONAS EN LA PRESENTACION1 ahora aplique tal cual realizaste el proceso pero no paso nada siguio igual
Ahora debe sustituir span por alguno de esos .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
Abrazos desde Brazil!!!
No compila
2:41 Evitar muchos desengaños y muchas cosas malas jajajajajjajajajajajajajaja me cague de la risa con eso xD
No me funciona ni span ni col-md- ni col-xs- uso la version 3.3.5. AYUDA!
Para los que no les funciona con ".span* " sigan esta guía práctica http://getbootstrap.com/migration/ donde sale la actualización de las clases de a versión 2 la 3
Muy bien explicado.. Gracias por tu ayuda..!!
Amigos que usan la versión v3.3.2, la manera de separar el row es <div class="col-lg-6"> aunque también me sirvió la <div class="col-md-6">. Me partí el coco una hora. Jajajaja. Pero aquí lo tienen.
Excelente tutorial!
IMPORTANTE: para los que se descarguen la versión mas actual (yo tengo la 3.3.2) la documentación es diferente. En vez de "span12" ó "span6", deben colocar "col-xs-12" ó "col-xs-6", etc., según sea el caso.
jodr no me funciona y esta bien!!! me aparecen tres textos iguales pero abajo sin ocupar columnas!!!!jodr!!!!!
Vaya, después de dejarme medio calvo me di cuenta que en la 3.2 debe definirse como dicen abajo.
Así que finalmente quedará:
<div class="col-md-12"> o como queráis en base a las divisiones que penséis hacerle.
Correcto en la versión 3 las columnas se definen así class="col-md-4"
probe la maquetacion en firefox y no se aplico los estilos del row container y lo probe en chrome y si funciona que se debe de hacer para que funcione en firefox?
No me llego a funcionar el la division con span6, será porque estoy usando bootstraps 3.2 y esa fue la version 2.3 ?
no me funciona con los span, creo que en el momento es col-md-6 por ejemplo
Hola amigo tienes algun video donde muestres como usar las funciones rápidas de sublime text?
IMPORTANTE!!!! Si estas viendo este vídeo y haciendo el ejemplo! bájate la versión que usan en el video! de lo contrario hay lineas de código que no te van a servir ya que se van modificando a medida que salen nuevas versiones! un ejemplo es el de las lineas para las columnas, en el video es "span6" y en la version 3.0 es "col-md-6"! Saludos!
Podriaís hacer una especia de tutoriales cortos de los cambios de BootStrap 3 que son bastantes a los que se describen en estos tutoriales. Es solo una sugerencia, Un saludo.
Tengo una duda, por que no me sale que los textos salgan en un solo row, pongo los span de 6 pero aparecen como si fueran lineas y ya le movi varias cosas pero no se como se haga.
casi se me salen los ojos buscando el span en bootstrap 3
Muy buenos tutos! Son de muchisima ayuda. Que software usas para grabar el escritorio? Gracias
al momento k kiero ver como va la pagina no me sale la grilla, me sale en forma de parrafo no me divide como en el ejemplo k agoo??
entendido tengo que cambiar el span por col-md- , para que funcione
gracias por el video muy util
muy bueno el curso gracias por compatir n_n