Aprende como hacer un sitio web básico utilizando lo mejor de Bootstrap

Share on Pinterest
Comparte con tus amigos










Enviar

En otro post de la semana pasada, hablábamos del curso completo de Bootstrap, donde se detallada todo acerca de este framework de diseño web y sobre las posibilidades que tenemos con el.

En esta ocasión y para finalizar dicho curso, realizaremos una web desde cero utilizando este framework, bootstrap.

Así que si aún no sabes Bootstrap te recomiendo ver el curso completo para poder entender todo lo que se haremos. https://www.youtube.com/playlist?list=PLhSj3UTs2_yWTKvu1Aq3xUhzIJNBZ3MFW

Como he comentado, haremos un sitio web con los elementos característicos de todos sitio web, tales como header, paginación, contenido principal, footer, sidebar, etc. El curso en concreto consta de 3 vídeos.

Aquí puedes ver el demo del sitio que podrás llegar a realizar siguiendo este pequeño curso:

Demo: http://www.falconmasters.com/demos/sitio-bootstrap/

Curso, cómo hacer un sitio web con bootstrap

Lista de Reproducción: https://www.youtube.com/playlist?list=PLhSj3UTs2_yUrzFL3f2zDwBCKMpAVBBz_

El código del curso lo puedes encontrar en el proyecto de github: https://github.com/falconmasters/Sitio-web-basico-con-bootstrap

Share on Pinterest
Comparte con tus amigos










Enviar

Enrique de la Torre

Twitter Google + Linkedin Acerca de

  • Edwin Abel Peñalba Bonilla

    Hola como haces que la barra de navegación NO SE OCULTE cuando mueves las barras de la pagina hacia abajo !!!!

    • Victor Cava 2.0

      Me uno a esa pregunta!

    • Alvaro Retana V

      Con la clase navbar-fixed-top

  • Gabriel Rojas

    Deberías hacer un tutorial de un login despegable con botstrap! seria muy útil ! excelentes tutos y excelente web

  • Luis

    Deberias hacer un curso de php o si tienes alguno dime plox

  • Fernando Yevenes

    detalle con que editor de texto estas usando para programar … detalle importante para facilitar la fluides de shorcut o la autoayuda del software … voy en el capitulo 3

  • Carlos Canedo

    Carlos exelente trabajo me gusta este ejemplo de pagina web pero tengo un problema en categorias no muestra los Item ya revise todo esta bien el texto

  • Giovanny Valencia

    Carlos! muy buenisimo..

  • Alex salcedo apari

    hola Carlos saludos desde Perú, tengo una consulta que hacerte, tengo un problema con “dropdown” cuando paso a modo movil no se desplaza el menu, podrias ayudarme o explicarme

  • Jose Luis H. Jacobo

    Felicidades por el curso, me esta sirviendo de mucho, de hecho voy empezando el primer video y si se presenta alguna duda los estaré molestando, SALUDOS desde MEX DF

  • Pako

    amigos … por que a pesar de que utilizo el atributo … … el contenido de mi pagina se visualiza en portugues!!?? … que debo hacer para solucionarlo

    • Francisco Carbajal

      Es porque le falta una etiqueta debajo del
      esta es :

      y asunto arreglado :-)

  • Francisco Carbajal

    Hola ! te comento que estoy aprendiendo mucho con tus videos,

    • Genial Muchas gracias!

      • Francisco Carbajal

        Carlos podrias ayudarme con un plugin para wordpress y dime cuanto me cobrarias por tu servicio ? lo unico que pasa es que tiene una caja donde pongo el codigo de google adsense y cuando doy guardar cambios se va llenando de estas rayitas \

      • Francisco Carbajal

        Hola queria saber si podrias ayudarme con un plugin para wordpress y cual seria el costo, podriamos hablar por skype.

        saludos.

  • Ivxn Sanchez

    hola no me sale el icono de la lupa del botón search mi código es el siguiente:

    • francis castillo

      tienes que agregarle este codigo:

      • Ivxn Sanchez

        hola mi código esta asi, pero no muestra ninguna imagen en el boton

  • Juan CM

    Una consulta como podría hacer esto? :

  • Jose Barquero

    dode esta el curso de bootstrat, por favor?

  • LAURA ACOSTA

    HOLA ESTOY ARMANDO MI SITIO WEB GRACIAS A TUS TUTORIALES! MIL GRACIAS!
    PERO SABES TENGO UN PROBLEMA…NECESITO PONER IDIOMAS EN MI
    PAGINA…COMO TENGO QUE HACER,,,??

  • Fernando Alvarez

    hola me gustaria una ayuda para trabajar bootstrar en mvc asp.net y gracias por los tutoriales bien explicados

  • Victor Gracia

    Si queréis saber mas sobre el diseño web responsive, os invitamos a visitar nuestro blog. Hablamos sobre el desarrollo con bootstrap, un maravilloso framework css para el diseño responsive de e-commerce y aplicaciones web.

    http://www.offing.es/2016/01/08/que-es-el-diseno-web-responsive/

    Saludos

  • Jose Rangel

    excelente tuto, ahora tengo uyna duda, como agregas el logo al navbar?
    http://prntscr.com/ahvaxj

  • CHARLY PRO

    Hola, la verdad tenia tiempo buscando tutoriales como el tuyo , no se como te encontré pero me parece muy bueno, me encanta, saludos :D

  • jrodriguez

    hola como estas, los curso estan super bien pero quiero introducir un video como fondo de cabecera pero no me reproduce.???? no se como hacerlo con bootstrap

  • Jackson Arcon

    Un Excelente Tutorial………

  • Juan Arturo Cruz Cardona

    Hola muy buenas a todos, alguien podría ayudarme con la siguiente duda:
    Cómo hago que la paginación de hasta abajo me respete los botones de pues no sé como colocar en el href (o donde sea necesario) para que vaya hacía la página anterior y siguiente.

    Saludos

  • Daniel Formularios

    Buenas, para el que le interese le dejo un curos de Udemy que esta muy interesante

    CURSO DE BOOTSTRAP
    Nombre del Curso: Crea páginas web responsive con Bootstrap
    Cantidad de cupones: 50 (50% descuento)
    Enlace del cupón: https://www.udemy.com/crea-paginas-web-responsive-con-bootstrap/?couponCode=DGARRIDO

  • Alejandro Lopez Stanley

    Hola. Excelente el tutorial, tengo un problema. Estoy probando el header con Ruby on Rails. El problema es que una vez que elijo la opcion en el menu, me dirige a la pagina pero una vez alli el dropdown ya no funciona, no se despliega. Si actualizo, vuelve a funcionar. En el inspector vi que la opcion aria-expanded queda siempre en false ¿Que estoy haciendo mal?

  • Oscar D.

    Hola, buenas estoy trabajando con bootstrap, no se que tan factible seria hacer una caja de comentarios como esta y añadirlo a mi web. muchas gracias.


Aprende con nuestros cursos

Escribe CSS como un PRO, Curso Básico de SASS

Escribe CSS como un PRO, Curso Básico de SASS

Optimiza, Organiza y escribe tu código CSS como un profesional con SASS.

Inicia el curso
Curso básico de WordPress desde 0

Curso básico de WordPress desde 0

Aprende a utilizar Wordpress desde 0 y crea sitios web, blogs, galerías e incluso tiendas online.

Inicia el curso
Curso cómo hacer un Sitio Web básico con Bootstrap

Curso cómo hacer un Sitio Web básico con Bootstrap

Aprende como hacer un sitio web básico utilizando lo mejor de Bootstrap

Inicia el curso
Curso completo de Bootstrap desde 0

Curso completo de Bootstrap desde 0

Curso básico de Bootstrap, Aprende a crear sitios web adaptables a dispositivos móviles con este poderoso framework.

Inicia el curso