Categoría: Bootstrap-Misc

¿Cómo configurar el menú desplegable y el cuadro de búsqueda en la misma línea usando Bootstrap?

Posted on by Rudeus Greyrat

Un menú desplegable es un tipo de menú, al usar el menú desplegable, el usuario puede seleccionar algo del conjunto predefinido dado. Es un menú alternable, lo que significa que aparece cuando el usuario hace clic en el menú. Un cuadro de búsqueda es un tipo de cuadro en el que puede escribir la string … Continue reading «¿Cómo configurar el menú desplegable y el cuadro de búsqueda en la misma línea usando Bootstrap?»

Diferencia entre Bootstrap y WordPress

Posted on by Rudeus Greyrat

1. Bootstrap : Bootstrap es un marco de código abierto que se utiliza para desarrollar sitios web y diseños receptivos. Bootstrap también se llama una versión actualizada de CSS. Es el marco de trabajo más popular para crear un primer sitio y una aplicación móvil receptivos que funcionan en un sistema de cuadrícula para crear … Continue reading «Diferencia entre Bootstrap y WordPress»

Sombras en Bootstrap con ejemplos

Posted on by Rudeus Greyrat

Bootstrap Shadow es una propiedad que proporciona sombra a un elemento con utilidades box-shadow, la intensidad puede variar de un usuario a otro. La propiedad shadow puede ser muy útil cuando el usuario necesita resaltar algo específicamente en la página web. Ejemplo 1: El siguiente ejemplo representa 4 intensidades de sombra diferentes, desde ningún efecto … Continue reading «Sombras en Bootstrap con ejemplos»

Diferencia entre Bootstrap 3 y Bootstrap 4

Posted on by Rudeus Greyrat

Bootstrap: Bootstrap fue desarrollado por Mark Otto y Jacob Thorton en Twitter en agosto de 2011. Es un marco de código abierto que se utiliza para diseñar sitios web receptivos de manera más rápida y sencilla. Es el marco de código abierto más popular que incluye HTML, CSS y JavaScript. Puede crear aplicaciones web con … Continue reading «Diferencia entre Bootstrap 3 y Bootstrap 4»

¿Cómo usar Bootstrap modal para videos de YouTube y reproducirlos automáticamente?

Posted on by Rudeus Greyrat

La tarea es usar modal para videos de YouTube en Bootstrap. Aquí discutiremos dos temas, incrustar videos de YouTube en el modo Bootstrap y hacer que los videos de YouTube se reproduzcan automáticamente en el modo Bootstrap. Incrustar videos de YouTube en el modo Bootstrap es muy fácil y simple de implementar utilizando el enfoque … Continue reading «¿Cómo usar Bootstrap modal para videos de YouTube y reproducirlos automáticamente?»

¿Cómo usar SASS para crear un nuevo conjunto de estilos de color en Bootstrap 4?

Posted on by Rudeus Greyrat

De manera predeterminada, Bootstrap 4 proporcionó todos los estilos de colores que están disponibles como variables SASS y un mapa SASS en el archivo scss/_variables.scss . En versiones posteriores, se proporcionará el tono ultra nuevo, como una paleta de escala de grises. Hay muchas series de colores definidas en el mapa SASS que se enlaza … Continue reading «¿Cómo usar SASS para crear un nuevo conjunto de estilos de color en Bootstrap 4?»

¿Cómo colocar elementos debajo de la caja flexible en Bootstrap 4?

Posted on by Rudeus Greyrat

Flexbox en Bootstrap 4: de bootstrap 3 a bootstrap 4 se ha producido un cambio sorprendente que bootstrap 4 puede utilizar flexbox para manejar el diseño del contenido. a Enfoque: coloque la dirección de los elementos flexibles en un contenedor flexible con utilidades de dirección. En la mayoría de los casos, podrá excluir la clase … Continue reading «¿Cómo colocar elementos debajo de la caja flexible en Bootstrap 4?»

¿Cómo alternar entre dos íconos sin botones usando boot-strap y jQuery?

Posted on by Rudeus Greyrat

Dado un documento HTML con dos íconos, la tarea es mostrar alternativamente los íconos cada vez que un usuario hace clic en el ícono. Esta tarea se puede realizar fácilmente con la ayuda de jQuery (una biblioteca de JavaScript). Enfoque: el enfoque es simplemente agregar un detector de eventos «al hacer clic» en ambos íconos … Continue reading «¿Cómo alternar entre dos íconos sin botones usando boot-strap y jQuery?»

¿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?»

Bootstrap5 | Progreso

Posted on by Rudeus Greyrat

Bootstrap 5 es el último lanzamiento importante de Bootstrap en el que renovaron la interfaz de usuario y realizaron varios cambios. Una barra de progreso se utiliza para mostrar el progreso de un proceso en una computadora. Una barra de progreso muestra cuánto del proceso se completó y cuánto queda. Puede agregar una barra de … Continue reading «Bootstrap5 | Progreso»