Categoría: Bootstrap-Misc

Introducción e instalación de MDBootstrap para Angular

Posted on by Rudeus Greyrat

Introducción: MDBootstrap (Diseño de materiales para Bootstrap) es un paquete de interfaz de usuario completo que se puede integrar con otros marcos como Angular, React, Vue, etc. animaciones para hacerlo más atractivo y fácil de usar que son compatibles con otros navegadores. Características de MDBootstrap: Una herramienta de código abierto que se puede descargar fácilmente. … Continue reading «Introducción e instalación de MDBootstrap para Angular»

¿Cómo abrir un modal diferente que está dentro de una lista?

Posted on by Rudeus Greyrat

Las hojas de estilo en cascada son un lenguaje de hojas de estilo que se utiliza junto con HTML y JavaScript para crear una aplicación web. Los marcos CSS brindan una biblioteca que permite un diseño web estandarizado y más fácil. Uno de estos marcos CSS es Bootstrap 4. Bootstrap 4 es el marco CSS … Continue reading «¿Cómo abrir un modal diferente que está dentro de una lista?»

¿Cómo agregar una imagen antes de la etiqueta optgroup usando Bootstrap?

Posted on by Rudeus Greyrat

¿Qué es la etiqueta optgroup? Es una etiqueta HTML que se usa para agrupar las opciones dadas en la etiqueta <select> . Esto combina las opciones en diferentes grupos que tienen diferentes etiquetas. Sintaxis:  HTML <optgroup label=»text»>     <option value=»One»>One</option>     <option value=»Two»>Two</option> </optgroup> Si necesitamos agregar una imagen antes de la etiqueta optgroup usando bootstrap, entonces … Continue reading «¿Cómo agregar una imagen antes de la etiqueta optgroup usando Bootstrap?»

¿Cómo agregar una imagen a la lista desplegable para cada elemento?

Posted on by Rudeus Greyrat

Los programadores pueden agregar imágenes a la lista desplegable para cada elemento mediante dos métodos que se mencionan a continuación. Método 1: Usar CSS La clase .dropdown usa position:relative; se usa cuando el usuario necesita que el contenido se establezca justo debajo del botón desplegable (se hace usando la posición: absoluta ). La clase .dropdown-content … Continue reading «¿Cómo agregar una imagen a la lista desplegable para cada elemento?»

¿Cómo crear un Bootstrap Spinner y mostrarlo en la pantalla hasta que se carguen los datos de la API?

Posted on by Rudeus Greyrat

La tarea es mostrar una rueda giratoria en la página hasta que llegue la respuesta de datos de la API. Hemos tomado bootstrap spinner para mostrar el ejemplo. Requisito previo:  Necesitará algunos conocimientos sobre la API de recuperación de JavaScript . Necesitará una API simulada para obtener datos. Acercarse: Cree el archivo HTML, CSS y … Continue reading «¿Cómo crear un Bootstrap Spinner y mostrarlo en la pantalla hasta que se carguen los datos de la API?»

Formularios Bootstrap-5

Posted on by Rudeus Greyrat

Controles de formulario: <input>, <select>, <textarea> son las etiquetas utilizadas para la apariencia general como campo de entrada, elemento seleccionado y áreas de texto.      Nota: Para hacer que la interfaz de usuario sea más presentable, use propiedades como relleno, márgenes según la necesidad. Ejemplo:  HTML <!DOCTYPE html> <html>   <head>     <!– CSS only … Continue reading «Formularios Bootstrap-5»

¿Qué hace .modal(‘dispose’) en Bootstrap 4?

Posted on by Rudeus Greyrat

En Bootstrap 4, .modal(‘dispose’) es una función definida para destruir el modal. El modal sigue siendo parte del DOM incluso después de usar .modal(‘dispose’) , esta función solo destruye la instancia actual del componente modal. Sintaxis: $(«#modalID»).modal(«dispose»); Ejemplo: Este ejemplo ilustra el uso del método .modal(‘dispose’). Cuando se hace clic en el botón de eliminación … Continue reading «¿Qué hace .modal(‘dispose’) en Bootstrap 4?»

¿Cómo cambiar el símbolo (-, +) con un botón en Bootstrap Accordion?

Posted on by Rudeus Greyrat

En Bootstrap 4, no hay una opción predeterminada para cambiar el símbolo (-, +) con un acordeón de botones. Por lo tanto, se puede hacer usando jQuery. El siguiente enfoque lo explicará claramente. Acercarse:   Fuente impresionante o cualquier utilidad de icono para mostrar el símbolo (-, +):   <enlace rel=”hoja de estilo” href=”https://use.fontawesome.com/releases/v5.7.0/css/all.css” integridad=”sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ” crossorigin=”anónimo”> Convierta … Continue reading «¿Cómo cambiar el símbolo (-, +) con un botón en Bootstrap Accordion?»

Clases .pull-left y .pull-right en Bootstrap 4

Posted on by Rudeus Greyrat

Las clases .pull-left y .pull-right se reemplazaron con las clases .float-left y .float-right en Bootstrap 4. Estas clases de utilidad se usan para hacer flotar un elemento hacia la izquierda o hacia la derecha en los distintos tamaños de ventana gráfica según en la cuadrícula Bootstrap. Funciona usando la propiedad flotante de CSS. Uso de … Continue reading «Clases .pull-left y .pull-right en Bootstrap 4»

¿Cómo diseñar una barra de navegación desplegable de ancho completo usando Bootstrap?

Posted on by Rudeus Greyrat

En Bootstrap 4, NavBar es un componente esencial para los menús. NavBar contiene tantos elementos como texto, enlace de texto, deshabilitar el enlace, botones desplegables, formularios, etc. Para hacer que los subelementos desplegables ocupen el ancho completo, se pueden realizar utilizando las propiedades CSS o las utilidades predeterminadas de Bootstrap 4. Los siguientes enfoques explicarán … Continue reading «¿Cómo diseñar una barra de navegación desplegable de ancho completo usando Bootstrap?»