Bootstrap Text Advertir Color con ejemplos de código
Mientras desarrollan cualquier aplicación, los desarrolladores prefieren usar colores atractivos para llamar la atención del usuario. También ayuda a establecer el tema de una página web adecuadamente. Por ejemplo, para mostrar una respuesta positiva o exitosa, se usa el color verde, el color azul indica cierta información, el color rojo indica algunos mensajes negativos o de falla, y el color amarillo se utiliza para representar algunas advertencias o precauciones.
Este artículo guiará sobre:
- ¿Qué es el color de advertencia de texto de bootstrap??
- Cómo usar el color de advertencia de texto de bootstrap?
¿Qué es el color de advertencia de texto de bootstrap??
El bootstrap "advertencia de texto"La clase aplica el"#FFC107"Color para el texto, que es un color amarillo. Esta clase se usa generalmente para especificar un mensaje que muestra algunas advertencias.
Cómo usar el color de advertencia de texto de bootstrap?
Ahora, demostraremos el uso del "advertencia de textoClase con la ayuda de los siguientes ejemplos:
- Ejemplo 1: Crear un botón de advertencia con color de advertencia de texto de arranque
- Ejemplo 2: Muestre un mensaje de advertencia con color de advertencia de texto de arranque
Ejemplo 1: Crear un botón de advertencia con color de advertencia de texto de arranque
Abra su archivo HTML y siga las instrucciones dadas:
- Crea una tarjeta usando el bootstrap "tarjeta" clase.
- Luego, agregue un encabezado de tarjeta usando el "cabezal" clase.
- Luego, ajuste el cuerpo de la tarjeta especificando el "cuerpo de cartas" clase.
- Dentro de la clase "" Card-Body "de la clase", incluye el "El elemento para mostrar algún texto.
- Por último, cree dos botones usando la clase "btn" clase.
- Por último, el "advertencia de textoLa clase se usa para mostrar el texto en color amarillo.
Aquí está el código HTML:
Gestión de miembros
¿Estás seguro de que quieres eliminar el miembro de @F233??
Se puede observar que el color de advertencia de texto de bootstrap se ha aplicado con éxito a la leyenda del botón:
Ejemplo 2: Muestre un mensaje de advertencia con color de advertencia de texto de arranque
Este ejemplo usa el "advertencia de textoClase para mostrar un mensaje de advertencia:
Advertencia!
Hubo un problema de conexión de red!
Aquí:
- "W-50"La clase ajusta el ancho de la tarjeta.
- "M-Auto"Determina un margen igual alrededor del elemento.
Producción
Has aprendido con éxito el color de advertencia de texto de arranque con ejemplos de código.
Conclusión
En el diseño web, el color amarillo se usa principalmente para mostrar mensajes de precaución. Más específicamente, el "advertencia de textoLa clase se utiliza para establecer el color de texto amarillo. En la bootstrap.Archivo CSS, se establece con la propiedad de color que tiene valor "#FFC107" (color amarillo. Esta publicación ha explicado el color de bootstrap "advertencia de texto" con ejemplos de código.