Categoría: Bootstrap

¿Cómo configurar los elementos de hamburguesa a la derecha en bootstrap 4?

Posted on by Rudeus Greyrat

En Bootstrap 4, NavBar es un componente esencial para los menús. Alinear los elementos del menú a la derecha usando la clase float-right funciona bien en Bootstrap 3, pero no funciona en Bootstrap 4 porque la barra de navegación ahora es flexbox. El siguiente enfoque lo explicará claramente. En Bootstrap 4, NavBar contiene tantos elementos … Continue reading «¿Cómo configurar los elementos de hamburguesa a la derecha en bootstrap 4?»

¿Cómo deshabilitar pestañas en Bootstrap?

Posted on by Rudeus Greyrat

Para deshabilitar una pestaña, podemos eliminar el atributo: data-toggle=”tab” de la parte de la pestaña encerrada bajo el elemento ‘a’ . Además, podemos agregar la clase .disabled al elemento del elemento de la lista principal para que se vea visualmente deshabilitado . (como class=”disabled” dentro del elemento de la lista) Para mostrar un caso de deshabilitación … Continue reading «¿Cómo deshabilitar pestañas en Bootstrap?»

Complemento jQuery de selección múltiple para Bootstrap

Posted on by Rudeus Greyrat

jQuery proporciona una variedad de complementos para bootstrap para propósitos distintivos que se pueden integrar fácilmente en una aplicación web, lo que hace que los sitios web y las aplicaciones se vean más atractivos y confiables.  Los complementos se pueden incluir de dos maneras, es decir, individualmente mediante el uso de archivos *.js individuales de … Continue reading «Complemento jQuery de selección múltiple para Bootstrap»

Crea un juego de Tic-Tac-Toe usando jQuery

Posted on by Rudeus Greyrat

En esta publicación, vamos a implementar tres en raya para 2 jugadores usando jQuery. Es bastante fácil de desarrollar con algunas validaciones simples y comprobaciones de errores. El jugador 1 comienza a jugar y ambos jugadores hacen sus movimientos en turnos consecutivos. El jugador que hace una string recta de 3 bloques gana el juego. … Continue reading «Crea un juego de Tic-Tac-Toe usando jQuery»

¿Cómo seleccionar/deseleccionar múltiples opciones en el menú desplegable usando jQuery?

Posted on by Rudeus Greyrat

Para seleccionar y deseleccionar múltiples opciones en un menú desplegable, utilizaremos los códigos HTML y CSS. El código HTML ayuda a definir la estructura básica de la página web y CSS se beneficiará en el diseño de la página web. Algunas propiedades esenciales utilizadas en el código son las siguientes: <div> : esta es una … Continue reading «¿Cómo seleccionar/deseleccionar múltiples opciones en el menú desplegable usando jQuery?»

Sistema de cuadrícula Bootstrap – Part 1

Posted on by Rudeus Greyrat

Introducción e instalación Botones, Glyphicons, Tablas Formularios verticales, formularios horizontales, formularios en línea Pestañas desplegables y receptivas Barra de progreso y Jumbotron Prerrequisitos: Conceptos básicos de desarrollo web y  BootStrap (Parte 1) Grid System: en el artículo anterior habíamos aprendido sobre Bootstrap y su instalación. Sin embargo, a partir de este artículo, vamos a comenzar … Continue reading «Sistema de cuadrícula Bootstrap – Part 1»

Arranque 4 | Desplazamiento

Posted on by Rudeus Greyrat

A veces, al diseñar el sitio web, incluimos algunas características atractivas que hacen que el sitio web sea llamativo. Una de las características es Bootstrap scrollspy, que apunta automáticamente al contenido de la barra de navegación al desplazarse por el área. Crear scrollspy: el atributo data-spy=”scroll” y data-target=”.navbar” se utiliza para crear el elemento scrollspy. … Continue reading «Arranque 4 | Desplazamiento»

Diferencia entre React.js y Bootstrap

Posted on by Rudeus Greyrat

1. React.js :  ReactJS es una biblioteca de JavaScript que se creó con Facebook en 2013. Es una biblioteca de código abierto que se creó principalmente para el desarrollo del lado del cliente. Se utiliza para mejorar la interfaz de usuario y mejorar la experiencia del usuario del cliente. ReactJS es el más utilizado porque … Continue reading «Diferencia entre React.js y Bootstrap»

¿Cómo estirar flexbox para llenar todo el contenedor en Bootstrap?

Posted on by Rudeus Greyrat

Nos dan un documento HTML (vinculado con Bootstrap) con un flexbox y un contenedor. El objetivo es estirar el flexbox para llenar todo el contenedor. Esto se puede lograr mediante dos enfoques diferentes, usando clases flex-fill o flex-grow en Bootstrap. Enfoque 1: usar la clase de relleno flexible : la clase .flex-fill extiende el ancho … Continue reading «¿Cómo estirar flexbox para llenar todo el contenedor en Bootstrap?»

¿Cómo configurar un acordeón alineado horizontalmente en Bootstrap 4?

Posted on by Rudeus Greyrat

El acordeón vertical es bastante popular en el desarrollo web, pero el acordeón horizontal se requiere en algunos casos, por lo que en este artículo usaremos eventos de puntero. Tomaremos el modo de escritura para cambiar la vista del título del acordeón. Y usa la transformación para rotar todo el acordeón. El siguiente programa ilustra … Continue reading «¿Cómo configurar un acordeón alineado horizontalmente en Bootstrap 4?»