Categoría: Bootstrap

¿Cómo configurar Bootstrap Timepicker usando la biblioteca datetimepicker?

Posted on by Rudeus Greyrat

En este artículo, veremos cómo podemos implementar DateTimePicker usando un complemento de Bootstrap Daterpicker para seleccionar una fecha y hora usando jQuery. De forma predeterminada, se selecciona la fecha de hoy. DateTimePicker tiene varias opciones configurables que se pueden usar para usar DateTimePicker según los requisitos. En este tutorial, veremos cómo podemos implementar DateTimePicker usando … Continue reading «¿Cómo configurar Bootstrap Timepicker usando la biblioteca datetimepicker?»

Arranque 4 | pozos

Posted on by Rudeus Greyrat

Un pozo de arranque es algo así como un panel de arranque con bordes redondos y relleno alrededor. Esto se utiliza para llamar la atención hacia algún contenido de la página web. La clase .well agrega un borde redondeado alrededor del elemento con un color de fondo gris y algo de relleno. Pero podemos cambiar … Continue reading «Arranque 4 | pozos»

¿Qué incluye el paquete Bootstrap?

Posted on by Rudeus Greyrat

Contiene plantillas de diseño basadas en HTML y CSS para tipografía, formularios, botones y otros componentes de la interfaz, así como extensiones de JavaScript opcionales. Un sitio web tiene muchos elementos diferentes, como encabezados, listas, tablas, imágenes, botones, formularios, etc. Todos estos elementos HTML fundamentales se han diseñado y mejorado con clases extensibles. El paquete … Continue reading «¿Qué incluye el paquete Bootstrap?»

Componente de acordeón ReactJS MDBootstrap

Posted on by Rudeus Greyrat

MDBootstrap es una biblioteca de interfaz de usuario de reacción basada en diseño de materiales y bootstrap que se utiliza para crear páginas web atractivas con su componente sencillo y fácil de usar. En este artículo, sabremos cómo usar el componente Accordion en ReactJS MDBootstrap. El componente de acordeón se utiliza para mostrar una sección … Continue reading «Componente de acordeón ReactJS MDBootstrap»

Bootstrap 5 hilanderos

Posted on by Rudeus Greyrat

En este artículo, implementaremos spinners en el sitio web usando Bootstrap y también veremos la implementación de diferentes tipos de spinners a través del ejemplo. Los spinners se utilizan para especificar el estado de carga de un componente o página web. Bootstrap facilita las diversas clases para crear diferentes estilos de hilanderos modificando la apariencia, … Continue reading «Bootstrap 5 hilanderos»

¿Cómo creamos grandes grupos de botones en Bootstrap?

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. Es uno de los marcos front-end más populares que tiene realmente un buen conjunto de códigos CSS predefinidos. Utiliza diferentes tipos de clases para hacer sitios web receptivos. … Continue reading «¿Cómo creamos grandes grupos de botones en Bootstrap?»

¿Cómo crear alertas descartables en Bootstrap?

Posted on by Rudeus Greyrat

Las alertas son un componente muy importante en la biblioteca de Bootstrap. Se utilizan para mostrar cualquier mensaje a los usuarios, como el envío de un formulario, el envío de OTP o la entrada incorrecta en el formulario. En otras palabras, las alertas se utilizan para proporcionar mensajes de retroalimentación al usuario en función de … Continue reading «¿Cómo crear alertas descartables en Bootstrap?»

¿Cómo establecer la propiedad de desplazamiento para ScrollSpy en Bootstrap?

Posted on by Rudeus Greyrat

Offset es una propiedad de Bootstrap Scrollspy en la que el usuario puede especificar los píxeles para compensar desde la parte superior al calcular la posición de desplazamiento. Se vuelve útil cuando el usuario siente que la barra de navegación o la lista cambia el estado antes de tiempo o cuando no se necesita mientras … Continue reading «¿Cómo establecer la propiedad de desplazamiento para ScrollSpy en Bootstrap?»

¿Cómo obtener datos de la base de datos en PHP PDO usando loop?

Posted on by Rudeus Greyrat

El PDO (PHP Data Objects) define la interfaz liviana y consistente para acceder a las bases de datos en PHP.  Enfoque: asegúrese de tener XAMPP o WAMP instalado en su máquina con Windows. En caso de que esté utilizando Linux, instale el servidor LAMP . En este artículo, usaremos el servidor XAMPP. Siga los pasos … Continue reading «¿Cómo obtener datos de la base de datos en PHP PDO usando loop?»

¿Cómo obtener el mismo comportamiento con confirm y bootstrap modal?

Posted on by Rudeus Greyrat

Bootstrap modal: en palabras simples, el componente modal es un cuadro de diálogo/ventana emergente que se muestra en la parte superior de la página actual, una vez que se hace clic en el botón de activación. Sin embargo, al hacer clic en el fondo del modal se cierra automáticamente el modal. Además, debe tenerse en … Continue reading «¿Cómo obtener el mismo comportamiento con confirm y bootstrap modal?»