Diseños Fáciles y Elegantes con Bootstrap

bootstrap

En muchas ocasiones los que nos dedicamos a programar web nos encontramos con que necesitamos que un proyecto se vea bien en todos los exploradores de internet y ademas que sea adaptativo (responsive design) es ahí cuando nos empezamos a romper la cabeza haciendo un código  aprendiendo sobre estándares de cada explorador y pasamos horas adaptándolo, y como bien sabemos el tiempo es muy valioso, así que lo mejor es utilizar un framework que nos ayude a realizar este trabajo.

Lo mejor es que con el conseguiremos un diseño elegante y profesional sino que se adapta perfectamente con librerías como jQuery y puedes utilizar tranquilamente HTML5 y CSS3.

Para utilizarlo basta solamente con entrar a la pagina (la cual dejare al final), colocar algunas lineas enlazando nuestra pagina a sus librerías y colocar algunas "class" a nuestros elementos y ya tendremos un buen diseño.

Por ejemplo para hacer una barra de navegación como la que se encuentra en mi pagina edosistems.com/

barra edosistems

Para hacer esto solo es necesario un código tan sencillo como:

programacion
(click para verlo mas grande)

Los invito a probar esta herramienta que en verdad esta muy buena, igualmente si ustedes quieren en otra entrada podría hacerles una guía sobre como utilizarlo, solo háganme saber en los comentarios y con gusto lo haré.

Descargar: twitter.github.com

2 comentarios:

  1. Buenas amigo bastante interesante esta herramienta precisamente ahorita ando probandola pero me gustaria saber como maquetar todo una aplicacion me podrias ayudar con eso, ya esta lista la aplicacion esta funcional 99% falta el diseño :/

    ResponderEliminar
    Respuestas
    1. Hola amigo claro que si, escribi un tutorial al respecto, para explicarte de forma mas facil :)

      http://edosistems.blogspot.com/2013/02/maquetar-usando-twitter-bootstrap.html

      Eliminar

Ads by Smowtion

Blogger Template by Clairvo