Archivo Etiqueta: responsive

Bootstrap (Parte 17): Dropdowns (Botones desplegables)

Logo Bootstap

Utilizando Bootstrap podrás añadir botones desplegables o dropdowns a tu sitio web. Un dropdown es un menú desplegable que te permitirá seleccionar un valor, de entre los valores de una lista predeterminada. Dropdown básico Para implementar dropdowns o botones desplegables…
Leer más

5 cosas a evitar al desarrollar un proyecto responsivo

Diseño responsivo

Te voy a mostrar 5 cosas que debes evitar al desarrollar proyectos responsivos, ya que pueden echar a perder tus esfuerzos. Uno de los mayores desafíos a los que se enfrentan los diseñadores de páginas web hoy en día es la de crear diseños…
Leer más

Bootstrap (Parte 16): Paneles

Logo Bootstap

En Bootstrap, cuando necesites encerrar contenido dentro de un caja, deberías considerar la utilización de paneles. Para crear un panel básico, con un borde sencillo, debes de utilizar la clase .panel junto con la clase .panel-default. Para el contenido de…
Leer más

HTML para principiantes (Parte 16): Diseño responsivo o adaptable

Logo HTML5

¿Qué es el Diseño Web responsivo o adaptable? El Diseño Web responsivo hace que tu página web se ve bien en cualquier dispositivo (equipos de escritorio, tabletas y móviles). El diseño web responsivo se consigue utilizando CSS y HTML para redimensionar, ocultar, reducir, ampliar, o…
Leer más

Bootstrap (Parte 11): Glyphicons

Logo Bootstap

Con Bootstrap puedes utilizar 200 iconos que se incluyen en una fuente especial llamada Glyphicons Halflings. Esta fuente es comercial, pero su creador permite que se utilice gratuitamente en Bootstrap. Por eso, como agradecimiento, cuando utilices estos iconos, deberías colocar un…
Leer más

Bootstrap (parte 4): Tipografía.

Logo Bootstap

En este artículo, vamos a ver algunos elementos HTML cuyo estilo y significado son diferentes en Bootstrap a los valores predeterminados por el navegador. Ajustes predeterminados Por defecto, Bootstrap utiliza un tamaño de fuente (font-size) de 14px, con una altura…
Leer más

Bootstrap (parte 3): Más sobre columnas.

Logo Bootstap

En este artículo vamos a ver algunos casos especiales del trabajo con columnas. Desbordamiento de columnas. Ya vimos en el artículo anterior, que el máximo de unidades que puede haber en una fila es de 12. Si se colocan más…
Leer más

Bootstrap (parte 2): Las columnas (grid)

Logo Bootstap

En este artículo, vamos a estudiar la parte más importante de Bootstrap, el corazón de este framework de diseño web, que es la rejilla, grid o columnas. El concepto de las 12 columnas Bootstrap maneja 12 columnas ¿cómo es esto?…
Leer más