Cambiar el color del encabezado de la tabla con bootstrap
Las tablas son los componentes en HTML que se utilizan para mostrar información en un formato estructurado. Bootstrap nos ofrece a cambiar los colores de los componentes de la tabla muy rápidamente. Esto se puede hacer simplemente usando las clases de color dentro del elemento de tabla, como el "amenazadorClase que aplica un color rojo al componente de la tabla.
Esta publicación ha explicado el método para cambiar el color del encabezado de la tabla usando Bootstrap.
Prerrequisito: Crear una mesa
Primero, cree una tabla siguiendo los pasos:
- Utilizar el "
Elemento para crear una tabla.
- Dentro de este elemento, agregue el ""Etiqueta para especificar el encabezado. Crea una fila usando el "
"Etiqueta y agregue el" "Etiqueta para agregar un encabezado. - Luego viene la parte del cuerpo, la "El elemento se utiliza para especificar el cuerpo de la tabla.
- Dentro del cuerpo, cree filas para los datos. Por ejemplo, el primero "
"Agrega una imagen y la segunda" El elemento agrega la descripción relevante. Aquí está el código HTML:
Imagen Nombre del dispositivo Computadora portátil Auricular Micrófono de habla pública Producción
Se puede observar que la tabla se ha creado con éxito. Ahora, veamos cómo ajustar el color del encabezado de la tabla en la siguiente sección.
Cómo cambiar el color del encabezado de la mesa usando Bootstrap?
El color del encabezado de la tabla se puede cambiar usando el "mesa-*"Clase, donde el asterisco"*"Simboliza el color. Por ejemplo, "oscuro"Para color gris oscuro", "tesor"Para el color verde y muchos más.
Veamos algunos ejemplos del color del encabezado de la mesa de cambio.
Ejemplo 1: Aplicar color azul en el encabezado de la mesa usando Bootstrap
Añade el "primariaClase para aplicar el color azul al encabezado de la mesa:
Producción
Ejemplo 2: Aplicar color verde en el encabezado de la tabla usando Bootstrap
Especifica el "tesorClase para aplicar el color verde al encabezado de la mesa:
Producción
Así es como puede cambiar el color del auricular de la tabla usando bootstrap.
Conclusión
En Bootstrap, el color del encabezado de la tabla se puede cambiar usando el "mesa-*" clase. Primero, cree la tabla usando el HTML "
" elemento. Luego, especifique el ""Etiqueta para el encabezado y el""Etiqueta para el cuerpo de la mesa. Agregue la clase "Tabla-*" a la etiqueta "" para establecer el color del encabezado, como el "primaria"Establece el color azul y muchos más. Esta publicación ha explicado cómo crear una tabla y cómo podemos cambiar el color de su encabezado usando bootstrap.
- « Limpie la compilación de Docker de imagen usando -No-Cache
- Bootstrap Text Advertir Color con ejemplos de código »
- Dentro de este elemento, agregue el ""Etiqueta para especificar el encabezado. Crea una fila usando el "