Глификоны шрифт значок
Base class.glyphicon {position/top/display/font-family/}
Concrete Class {Content}-проявляется на псевдо-элементах
Ключевые моменты использования: а. Базовый класс + Специфический класс b. Добавить пространство между общим значком и текстом
Примечание: Не смешивайте с другими компонентами, используйте один тег, обычно используйте SPAN, например: <pan> </span>
беременный Теги, которые использовали классы значков шрифта
Измените местоположение исходного файла значка шрифта: по умолчанию относительно позиции CSS и в каталоге ../fonts/, если вам нужно изменить местоположение, изменить меньше или скомпилированный CSS
Потянуть всплывающее меню
а Аутсорсинг элемент б. Потянуть и перевернуть триггер c. Список меню
Аутсорсинг элемент Class.dropdown/.dropup {position}
Потягивание и сброс триггера используется для крючков JS, переключайте открытие и закрытие внешнего элемента открытого класса
Список меню выпадает в Menu {position/top/left/z-index/float/padding/margin/border/box-shadow}
Например: Div> (кнопка+UL) (по умолчанию раскрывается) Div может добавить класс.
<div> <!- Класс этого элемента может быть установлен на выпадающий/ отступление/ или установлен в стиле отдельно для позиции: относительно; -> <!-Элемент аутсорсинга-> <кнопка данных data-toggle = "Выпадение"> <!-Popup Trigger-> Выпадающий в сторону <PAN> </span> </button> <ul> <!-Popup Menu-> <li> <a href = "#"> Action </a> </li> <li> "href ="#"> Другое действие </a> </i> <li> <a href ="#" Здесь </a> </li> <li> <a href = "#"> разделенная ссылка </a> </li> </ul> </div>
Снимите всплывающее меню - выровнять
По умолчанию выравнивание
Левое выравнивание.
Правоотдача.
Элементы, вызванные другими элементами, блокируются и должны решать сами.
<ul> ... </ul>
Потянуть всплывающее меню - заголовок меню
Title.drop-header {font-size/color}
<ul> ... <li> Выпадающий заголовок </li> ... </ul>
Спуститься на линию всплывающего меню
Разделитель {высота/маржа/фоновый цвет}-role = "Разделитель"
<ul> ... <li role = "Разделитель"> </li> ... </ul>
Выпадающее всплывающее меню-Отключить меню
Отключен {цвет}
<ul> ... <li> <a href = "#"> отключенная ссылка </a> </li> ... </ul>
Приведенный выше контент - это соответствующее знание компонента Bootstrap, введенного вам редактором. Я надеюсь, что это будет полезно для вас!