Categoría: Bootstrap-4

¿Cómo crear un botón de radio similar al botón de alternar usando Bootstrap?

Posted on by Rudeus Greyrat

Botones de alternancia: Los botones que pueden cambiar de un estado a otro, es decir, que pueden cambiarse de un estado activado a un estado desactivado o viceversa, se denominan botones de alternancia . Por ejemplo:  Un interruptor particular en nuestra casa puede estar encendido o apagado. Este es un muy buen ejemplo de un … Continue reading «¿Cómo crear un botón de radio similar al botón de alternar usando Bootstrap?»

¿Cómo eliminar la pestaña de navegación activa cuando se hace clic fuera de la pestaña de navegación en Bootstrap?

Posted on by Rudeus Greyrat

Bootstrap tiene la clase llamada “collapse navbar-collapse” que colapsa la barra de navegación cuando el usuario cambia la resolución de la pantalla. El java-script junto con él en la parte inferior del código activa el menú colapsado de tal manera que cuando el usuario hace clic en el ícono de hamburguesa del menú y navega … Continue reading «¿Cómo eliminar la pestaña de navegación activa cuando se hace clic fuera de la pestaña de navegación en Bootstrap?»

Arranque 4 | Flexionar

Posted on by Rudeus Greyrat

Las clases flexibles se utilizan para controlar el diseño de los componentes de flexbox.  Ejemplo:  HTML <!DOCTYPE html> <html lang=»en»> <head>     <title>Flex</title>     <meta charset=»utf-8″>     <meta name=»viewport»         content=»width=device-width, initial-scale=1″>     <link rel=»stylesheet» href= «https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css»>     <script src= «https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js»>     </script>     <script src= «https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js»>     </script>     <script src= «https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js»>     </script> </head> <body>     <div class=»container mt-3″>         <h1 style=»color:green; text-align:center;»>             GeeksforGeeks         </h1>         <h2 … Continue reading «Arranque 4 | Flexionar»

¿Cómo eliminar el margen introducido en la etiqueta previa en bootstrap 4?

Posted on by Rudeus Greyrat

El problema es que cada vez que aplica espacio de margen según su valor de margen, obtendrá resultados. Pero en la etiqueta <pre>, si la aplica manteniendo un espacio, se considerará como margen. Debido a que pre se actúa a la inversa, significa que como ha escrito dentro de la etiqueta pre, la salida será … Continue reading «¿Cómo eliminar el margen introducido en la etiqueta previa en bootstrap 4?»

¿Qué son las clases contextuales de la tabla en Bootstrap?

Posted on by Rudeus Greyrat

Bootstrap proporciona una serie de clases que se pueden usar para aplicar varios estilos a las tablas, como cambiar la apariencia del encabezado, eliminar filas, agregar o eliminar bordes, hacer que las filas se puedan desplazar, etc. Bootstrap también proporciona clases para hacer que las tablas respondan. Tabla simple: la clase .table se usa para … Continue reading «¿Qué son las clases contextuales de la tabla en Bootstrap?»

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

¿Cómo cambiar el color de fuente en la barra de navegación desplegable cuando se colapsa en bootstrap?

Posted on by Rudeus Greyrat

Bootstrap 4 es uno de los marcos CSS más utilizados junto con HTML y JavaScript para crear sitios web interactivos. Bootstrap 4 ofrece una gran variedad de componentes, clases y métodos de utilidad incorporados que se pueden usar para crear una aplicación web fácil de usar. El siguiente artículo cumple con el propósito de cambiar … Continue reading «¿Cómo cambiar el color de fuente en la barra de navegación desplegable cuando se colapsa en 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»

Cree un menú desplegable de arranque que se produzca después de presionar una tecla específica

Posted on by Rudeus Greyrat

Los menús desplegables son un conjunto de enlaces o una lista que se muestra al hacer clic en un botón o en un evento del teclado. Bootstrap también presenta un marco para implementar menús desplegables. Pero el evento desplegable de arranque predeterminado solo ocurre con un clic del mouse.  En este artículo, veremos cómo sobrescribir … Continue reading «Cree un menú desplegable de arranque que se produzca después de presionar una tecla específica»