Archivo Etiqueta: bootstrap

Bootstrap (parte 23) crear un slideshow o carrusel

Logo Bootstrap

En este artículo aprenderás a crear un slideshow o carrusel. El plugin Carrusel o slideshow es un componente Bootstrap que muestra de forma cíclica una serie de elementos, generalmente imágenes, a veces con títulos explicativos, de forma similar a una…
Leer más

HTML para principiantes (parte 21) Diseño web responsivo

Logo HTML5

El diseño web responsivo consiste en utilizar HTML y CSS para redimensionar, ocultar, reducir o ampliar automáticamente los elementos de un sitio web, para que se vea bien en todos los dispositivos (computadoras de escritorio, tabletas y teléfonos). Configuración Viewport…
Leer más

Bootstrap (parte 22): Controles para formulario

Logo Bootstap

Estos son los controles para formulario soportados en Bootstrap Campos de entrada (input) Áreas de texto (textarea) Casillas de verificación (checkbox) Botones de opción (radio buttons) Listas de selección (select) Control Input Bootstrap soporta todos los tipos de campo de…
Leer más

Bootstrap (parte 21): Formularios responsivos

Logo Bootstap

Los formularios son uno de los elementos más importantes de los sitios y aplicaciones web. Por eso Bootstrap  permite diseñar formularios con aspectos muy variados y define decenas de estilos para todos los campos del formulario. Configuración por defecto En…
Leer más

Bootstrap (parte 20): Barras de navegación

Logo Bootstap

Una barra de navegación es un elemento de navegación que se coloca en la parte superior de la página web. Con Bootstrap, la barras de navegación pueden extenderse o collapsarse, dependiendo del tamaño de la pantalla. Para crear una barra de…
Leer más

Bootstrap (Parte 19): Elementos de navegación

Logo Bootstap

Con Bootstrap puedes añadir a las páginas de tu web, de forma sencilla, elementos de navegación como solapas y botones. En HTML, un elemento de navegación se define mediante una lista desordenada <ul> a la que se aplica un estilo determinado. Algo parecido…
Leer más

15 temas Bootstrap para WordPress gratis

Logo WordPress

Te presentamos algunos de los mejores temas gratuitos basados en Bootstrap, el framework desarrollado por Twitter. Son temas que combinan las más avanzadas características de Bootstrap, como son la tecnología responsiva, que adapta la web al tamaño del dispositivo en el que se…
Leer más

Bootstrap (Parte 18): Elementos colapsables

Logo Bootstap

Los elementos colapsables en Bootstrap te serán útiles cuando desees ocultar y mostrar contenidos más o menos extensos. Sintaxis básica Para crear estos elementos colapsables debes de utilizar la clase .collapse en el elemento a colapsar u ocultar (por ejemplo…
Leer más

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

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