Ícono de fuentes de glificones
Base Class.glyphicon {Position/Top/Display/Font-Family/}
Clase concreta {contenido}-manifestado en pseudo-elementos
Puntos clave de uso: a. Clase base + clase específica b. Agregue un espacio entre el icono general y el texto
Nota: a. No mezcle con otros componentes, use una sola etiqueta, generalmente use el tramo, por ejemplo: <span> </span>
b. Las etiquetas que han usado clases de icono de fuente ya no deben anidar elementos o contener texto
Cambie la ubicación del archivo fuente del icono de fuente: predeterminado en relación con la posición CSS y en el directorio ../fonts/, si necesita cambiar la ubicación, modifique menos o compilado CSS
Baje el menú emergente
a. Elemento de outsourcing b. Tire hacia abajo y voltee el gatillo c. Lista de menores
Elemento de outsourcing class.dropdown/.dropup {posición}
La toggle de datos de activación y giratorio se utiliza para los ganchos JS, alterne la apertura y el cierre de la clase abierta del elemento exterior
Lista de menú Desenbente-Menu {posicion/top/left/z-index/float/padding/margin/border/box-shadow}
por ejemplo: div> (botón+ul) (predeterminado es desplegable) Div puede agregar class.dropdown o suelta o agregar estilos relativos
<Viv> <!- La clase de este elemento se puede configurar en desplegable/ desaceleración/ o establecerse en estilo por separado para posicionar: relativo; -> <!-Elemento de outsourcing-> <botón data data-toggle = "desplegable"> <!-Popup Trigger-> desplegable <span> </span> </botte> <ul> <!-Menú de popup-> <li> <a href = "#"> Action </a> </li> <li> <a href = "#"> otra acción </a> </li> <aus> <aus> <s> <li> <#" Aquí </a> </li> <li> <a href = "#"> enlace separado </a> </li> </ul> </div>
Menú emergente de despegue - Alinearse
Alineación de izquierda predeterminada
Alineación izquierda.dropdown-Menu-left {derecha/izquierda}
Alineado a la derecha.dropdown-Menu-Right {Right/Left}
Los elementos causados por otros elementos desbordan se bloquean y necesitan ser resueltos por sí mismos.
<ul> ... </ul>
Menú emergente de desplazamiento - Título del menú
Title.drop-header {font-size/color}
<ul> ... <li> Cabeza desplegable </li> ... </ul>
Tire hacia abajo a la línea de división de menú emergente
Divisor {altura/margin/background-color}--role = "separator"
<ul> ... <li role = "Separator"> </li> ... </ul>
Menú emergente desplegable-Menú Desactivar
Discapacitado {color}
<ul> ... <li> <a href = "#"> enlace deshabilitado </a> </li> ... </ul>
El contenido anterior es el conocimiento relevante del componente Bootstrap introducido por el editor. ¡Espero que te sea útil!