Curso Twitter Bootstrap CSS – 3: Grid para maquetar



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”

  1. 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

  2. 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.

  3. 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. 

  4. 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.

  5. 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!

Leave a Reply