Categoría: Bootstrap

¿Cómo mostrar el calendario solo haciendo clic en el icono usando JavaScript?

Posted on by Rudeus Greyrat

Bootstrap es uno de los marcos CSS preferidos para el desarrollo de una interfaz de usuario interactiva. Bootstrap viene con una amplia gama de componentes, complementos y utilidades que facilitan mucho el diseño de una página web.  El selector de fechas es una de esas características interactivas proporcionadas por Bootstrap para seleccionar una fecha de … Continue reading «¿Cómo mostrar el calendario solo haciendo clic en el icono usando JavaScript?»

Alertas Bootstrap, pozos, paginación y buscapersonas

Posted on by Rudeus Greyrat

Introducción e instalación Sistema de red Botones, Glyphicons, Tablas Formularios verticales, formularios horizontales, formularios en línea Pestañas desplegables y receptivas Barra de progreso y Jumbotron Alertas: A menudo vemos ciertas alertas en algunos sitios web antes o después de completar una acción. Estos mensajes de alerta son textos resaltados que es importante tener en cuenta … Continue reading «Alertas Bootstrap, pozos, paginación y buscapersonas»

¿Cómo mostrar el mensaje de validación para los botones de radio con imágenes en línea usando Bootstrap 4?

Posted on by Rudeus Greyrat

De forma predeterminada, Bootstrap 4 tiene varias funciones de formulario para botones de radio con imágenes en línea. Aquí HTML 5 tiene funciones de validación predeterminadas. Sin embargo, para la validación personalizada, debemos usar JavaScript o jQuery. Los siguientes enfoques ayudarían en el mensaje de validación de visualización para botones de radio con imágenes en … Continue reading «¿Cómo mostrar el mensaje de validación para los botones de radio con imágenes en línea usando Bootstrap 4?»

Diseña un efecto de vidrio esmerilado usando HTML y CSS

Posted on by Rudeus Greyrat

En este artículo, implementaremos un efecto de vidrio esmerilado utilizando la clase de tarjeta bootstrap 4. La siguiente imagen es el resultado final que obtendrá como resultado final de este artículo. Acercarse: 1. Diseñar el cuerpo: primero configuremos el fondo de su página web. Escriba el siguiente código debajo de su etiqueta principal dentro de … Continue reading «Diseña un efecto de vidrio esmerilado usando HTML y CSS»

Bootstrap 5 Introducción

Posted on by Rudeus Greyrat

Bootstrap es una colección gratuita y de código abierto de código CSS y JavaScript/jQuery que se utiliza para crear diseños de sitios web dinámicos y aplicaciones web. Bootstrap es uno de los marcos front-end más populares que tiene realmente un buen conjunto de códigos CSS predefinidos. Bootstrap utiliza diferentes tipos de clases para crear sitios … Continue reading «Bootstrap 5 Introducción»

¿Cómo manejar el evento de cierre modal en Twitter Bootstrap?

Posted on by Rudeus Greyrat

Evento de cierre modal en Twitter Bootstrap | Serie 1 Conocimiento previo: Bootstrap 4 | Modal Bootstrap Modals ofrece una ventana emergente de JavaScript liviana y multipropósito que es personalizable y receptiva. Se pueden usar para mostrar ventanas emergentes de alerta, videos e imágenes en un sitio web. Bootstrap Modals se divide en tres secciones … Continue reading «¿Cómo manejar el evento de cierre modal en Twitter Bootstrap?»

Arranque 4 | Listas deplegables

Posted on by Rudeus Greyrat

Los menús desplegables son una de las partes más importantes de un sitio web interactivo. Un menú desplegable es la colección de elementos de menú que permiten a los usuarios elegir un valor de la lista. La clase .dropdown se usa para diseñar el menú desplegable.  Ejemplo:   HTML <!DOCTYPE html> <html lang=»en»> <head>     <title>Dropdowns</title>     <meta … Continue reading «Arranque 4 | Listas deplegables»

Grupos de entrada en Bootstrap con ejemplos

Posted on by Rudeus Greyrat

Los grupos de entrada en Bootstrap se utilizan para ampliar los controles de formulario predeterminados al agregar texto o botones a ambos lados de las entradas de texto, selectores de archivos personalizados o entradas personalizadas. Grupos de entrada básicos : las siguientes clases son las clases base que se utilizan para agregar los grupos a … Continue reading «Grupos de entrada en Bootstrap con ejemplos»

¿Cómo establecer la alineación vertical en Bootstrap?

Posted on by Rudeus Greyrat

La alineación vertical cambia la alineación de los elementos verticalmente con la ayuda de las utilidades de alineación vertical. Las utilidades de alineación vertical solo afectan a los elementos en línea (Presente en una línea), bloque en línea (Presente como bloques en una línea), tabla en línea y celda de tabla (Elementos en una celda … Continue reading «¿Cómo establecer la alineación vertical en Bootstrap?»

¿Cómo crear una galería de imágenes receptiva usando HTML, CSS, jQuery y Bootstrap?

Posted on by Rudeus Greyrat

With the advent of new frameworks in web technologies, it has become quite easy to design and implement feature-rich and responsive web pages. Here, we are going to design a responsive image gallery using HTML, CSS, jQuery and Bootstrap. Características o Funcionalidades a implementar: Imágenes receptivas Sistema de cuadrícula sensible Visor de imágenes Requisitos previos: … Continue reading «¿Cómo crear una galería de imágenes receptiva usando HTML, CSS, jQuery y Bootstrap?»