Codigos Bootstrap

Elementos .small .lead .mark or .. .. .. .. .. .. .. .text-right .text-left .text-center .text-justify .text-lowercase .text-uppercase .text-capitalized .. .initialism .. .. .. .list-inline .. .dl-horizontal ..

Descripción TIPOGRAFIA Ajusta el texto a un 85% referente al elemento padre Ajusta el texto destacándolo con respecto a los demás del mismo elemento Resalta el texto indicado Tacha el Texto seleccionado indicando TEXTO ELIMINADO Tacha el texto seleccionado indicando TEXTO NO RELEVANTE Subraya el texto indicando TEXTO INSERTADO Subraya el texto indicado TEXTO SUBRAYADO Coloca en NEGRITA el texto seleccionado Coloca en CURSIVA el texto seleccionado Alinea el texto desde la DERECHA Alinea el texto desde la IZQUIERDA Alinea el texto en el CENTRO Alinea el texto JUSTIFICADO Ajusta todo el texto a MINUSCULA Ajusta todo el texto a MAYUSCULA Ajusta todo el texto a Poner En Mayúscula Cada Palabra Elemento el cual indica una abreviatura subrayando la palabra y cambiando el cursor en hover. A este elemento se le puede agregar el tributo TITLE Esta clase es para denotar una sigla de iniciales, se agrega en la etiqueta Presenta información de contacto Indica contenido de otra fuente, se recomienda encerrar el párrafo en Bootstrap 3 le añade una fuente, color y tamaño especial al elemento small, es indicado para agregar el autor de la fuente referenciada Ajusta los elementos de una lista en una sola línea (horizontal) Agrupa una descripción Ajusta los ítems de la descripción de manera horizontal Indica fragmentos de código

.. .. . pre-scrollable .. .. .btn .btn-default .btn-primary .btn-success .btn-info .btn-warning .btn-danger .btn-link .btn-lg .btn-sm .btn-xs .btn-block .btn-active .btn-group .btn-group-vertical .btn-group-justified

.form-inline .form-horizontal .form-control .form-group

Indica un texto como entrada que se introduce en el teclado (Ej: ctrl + p) Indica múltiples líneas de código Con esta clase dentro del elemento pre proporciona una barrar de desplazamiento Indica ejemplo de un texto salido de un programa de ordenador (Ej: cmd) Indica variable BOTONES Genera un botón (siempre se utiliza esta clase y se le añaden las demás) Agrega un botón predeterminado (fondo transparente) Proporciona peso visual e identifica a un botón como principal (botón azul) Indica una acción exitosa o positiva (botón verde) Indica botón de más información ( botón azul claro) Indica que se debe tener cuidado (botón anaranjado) Indica una acción peligrosa (botón rojo) Indica un enlace a otra web pero sigue siendo un botón (link) Hace el botón grande Hace el botón mediano Hace el botón pequeño Hace el botón del total de 12 columnas Le da un aspecto de sombreado interno Agrupa cierta cantidad de botones Forma un grupo de botones verticales. Esta clase se agrega en el div contenedor de todos los botones Agrupa los botones justificados para que puedan ocupar el 100% del ancho. SOLO FUNCIONAN ELEMENTOS “a” dentro del div contenedor de esta clase ya que reconoce los elementos button FORMULARIOS Crea un formulario en línea ubicado desde la izquierda. (clase solo para ) Crea un formulario de lineal (input y label) de manera horizontal Establece la anchura width al 100% , y . Optimiza el espaciado de cada cuadro de texto. Se coloca en el div contenedor del label y el imput

Type=”file” .checkbox .radio .checkbox-inline o .radio-inline .. .. ). Su tamaño es MEDIUM Se agrega a .pagination para declarar que la paginación es de tamaño GRANDE Se agrega a .pagination para declarar que la paginación es de tamaño PEQUEÑA Indica una paginacion inhabilitada Aplica un fondo a la paginación que se presente

.label .label-default .label .label-primary .label .label-success .label .label-info .label .label-warning .label .label-danger .badge .jumbotron .container

Inserta una etiqueta dentro de un elemento (parecido a un botón) color GRIS Color AZUL Color VERDE Color AZUL CLARO Color ANARANJADO Color ROJO Este selector indica los elementos nuevos o no leídos (Ej: indicador de msj no leídos). Esta clase se lleva de la mano con el elemento empty de CSS Crea una caja grande para resaltar información Anidando el div de clase jumbotron con un div de clase container ajusta la caja al 100%. REJILLAS

Siempre se debe anidar un div clase .row para declarar el tamaño de las columnas Dispositivos muy pequeños Dispositivos pequeños Tablet Dispositivos medianos. Teléfonos (