El mejor tutorial de Bootstrap clase auxiliar en 2024. En este tutorial podrás aprender texto,fondo,otro,más ejemplos,Ejemplos,Ejemplos,Ejemplos,Ejemplos,Ejemplos,Ejemplos,Ejemplos,
En este capítulo se analizan algunas de las Bootstrap puedan entrar en las clases de ayuda a mano.
Las siguientes clases diferentes muestran diferentes colores de texto. Si el texto es un enlace para mover el puntero del ratón sobre el texto será atenuado:
categoría | descripción | Ejemplos |
---|---|---|
.text-silenciado | Estilo de texto categoría "text-silenciado" | probar |
.text-primaria | Estilo de texto categoría "-texto primario" | probar |
.text-éxito | Estilo de texto categoría "text-éxito" | probar |
.text-info | Estilo de texto "text-info" categoría | probar |
.text de alerta | Estilo de texto categoría "texto de alerta" | probar |
.text-peligro | Estilo de texto categoría "text-peligro" | probar |
Las siguientes clases diferentes muestran diferentes colores de fondo. Si el texto es un enlace para mover el puntero del ratón sobre el texto será atenuado:
categoría | descripción | Ejemplos |
---|---|---|
.bg-primaria | celda de la tabla utilizando la categoría "bg-primaria" | probar |
.bg-éxito | celda de la tabla utilizando la categoría "bg-éxito" | probar |
.bg-info | celda de la tabla utilizando la categoría "bg-info" | probar |
.bg de alerta | celda de la tabla utilizando la categoría "bg-alerta" | probar |
.bg-peligro | celda de la tabla utilizando la categoría "bg-peligro" | probar |
categoría | descripción | Ejemplos |
---|---|---|
.Reciba-izquierda | Elementos de flotación, a la izquierda | probar |
.Reciba derecha | Elementos de flotación a la derecha | probar |
.center-bloque | Elemento se establece display: block y centrado | probar |
.clearfix | claro flotador | probar |
.show | Se muestran los elementos obligatorios | probar |
.hidden | escondite elemento obligatorio | probar |
.sr de sólo | Además del lector de pantalla, el elemento oculto en otros dispositivos | probar |
.sr de sólo-enfocable | En conjunción con la clase .sr-solamente, que se muestra cuando el elemento recibe el foco (tales como: el funcionamiento del teclado del usuario) | probar |
.text-ocultar | Los elementos de la página de texto contenidos de fondo de reemplazo | probar |
.close | Mostrar botón de apagado | probar |
.caret | Pantalla de menú desplegable | probar |
Utilice común icono Cerrar para cerrar el cuadro de modal y el cuadro de alerta. Utilicela clase cerca de acercarse icono.
Los resultados son los siguientes:
Use cursor para tirar hacia abajo la función y dirección. Utilice el elemento <span> con el símbolo de intercalaciónclase para obtener esta función.
Los resultados son los siguientes:
Se puede utilizar cadaclase de pull-izquierda-derechaode traccióna los elementos de izquierda o flotantes a la derecha. El siguiente ejemplo ilustra este punto.
Los resultados son los siguientes:
Para alinear los componentes de la barra de navegación, utilice.navbar-izquierda o derecha .navbarlugar. Vea la barra de navegación de rutina de carga .
Utilicela clase de centro-bloque para centrar los elementos.
Los resultados son los siguientes:
Para borrar el elemento flotante, utilice.clearfix clase.
Los resultados son los siguientes:
Puede forzar el elemento para mostrar u ocultar (incluyendo lectores de pantalla) a través del uso de laclase .show y .hiddenllegado.
Los resultados son los siguientes:
Usted puede poner todos los elementos en el dispositivo mediante el uso de unaclase oculta .sr-solamente, además de un lector de pantalla.
Los resultados son los siguientes:
Aquí vemos dos tipos de etiquetas de entrada de la etiqueta con laclase SR-solamente, por lo que la etiqueta sólo será visible para los lectores de pantalla.