Bootstrap clase auxiliar
En este capítulo se analizan algunas de las Bootstrap puedan entrar en las clases de ayuda a mano.
texto
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 |
fondo
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 |
otro
| 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 |
más ejemplos
icono de cierre
Utilice común icono Cerrar para cerrar el cuadro de modal y el cuadro de alerta. Utilicela clase cerca de acercarse icono.
Ejemplos
Trate »
Los resultados son los siguientes:
signo de intercalación
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:
flotante rápida
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.
Ejemplos
Trate »
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 .
Centrado en el contenido
Utilicela clase de centro-bloque para centrar los elementos.
Ejemplos
Trate »
Los resultados son los siguientes:
claro flotador
Para borrar el elemento flotante, utilice.clearfix clase.
Ejemplos
Trate »
Los resultados son los siguientes:
Mostrar y ocultar el contenido
Puede forzar el elemento para mostrar u ocultar (incluyendo lectores de pantalla) a través del uso de laclase .show y .hiddenllegado.
Ejemplos
Trate »
Los resultados son los siguientes:
lector de pantalla
Usted puede poner todos los elementos en el dispositivo mediante el uso de unaclase oculta .sr-solamente, además de un lector de pantalla.
Ejemplos
Trate »
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.