Bootstrap вспомогательный класс
В этой главе рассматриваются некоторые бутстраповская может пригодиться вспомогательные классы.
текст
Следующие различные классы показывают разные цвета текста. Если текст ссылку, чтобы переместить курсор на текст будет серым цветом:
категория | описание | примеров |
---|---|---|
.text-приглушен | Стиль текста категории "текст-приглушены" | пробовать |
.text первичной | Стиль текста категория "текст-первичный" | пробовать |
.text-успех | Стиль текста категория "текст-успех" | пробовать |
.text-инфо | Стиль текста категория "текст-инфо" | пробовать |
.text предупреждения | Стиль текста категории "текст предупреждения" | пробовать |
.text-опасность | Стиль текста категория "текст-опасность" | пробовать |
фон
Следующие различные классы показывает разные цвета фона. Если текст ссылку, чтобы переместить курсор на текст будет серым цветом:
категория | описание | примеров |
---|---|---|
.bg первичной | Ячейка таблицы с помощью категории "BG-первичный" | пробовать |
.bg-успех | Ячейка таблицы с помощью категории "BG-успеха" | пробовать |
.bg-инфо | Ячейка таблицы с помощью категории "BG-инфо" | пробовать |
.bg предупреждения | Ячейка таблицы с помощью категории "BG-предупреждение" | пробовать |
.bg-опасность | Ячейка таблицы с помощью категории "BG-опасности" | пробовать |
другое
категория | описание | примеров |
---|---|---|
.Снять налево | Элементы всплывают влево | пробовать |
.Снять-право | Элементы плывут вправо | пробовать |
.center-блок | Элемент устанавливается дисплей: блок и по центру | пробовать |
.clearfix | Clear флоат | пробовать |
.show | отображаются элементы, обязательные | пробовать |
.hidden | Обязательный элемент скрытие | пробовать |
.sr только | Помимо чтения с экрана, скрытый элемент на других устройствах | пробовать |
.sr только-фокусируемый | В сочетании с .sr только классом, отображается, когда элемент получает фокус (например: работы клавиатуры пользователя) | пробовать |
.text скрыть | Элементы текста страницы содержали заменить фон | пробовать |
.close | Дисплей выкл кнопки | пробовать |
.caret | Дисплей в раскрывающемся меню | пробовать |
Другие примеры
Закрыть значок
Используйте общий значок Закрыть, чтобы закрыть окно и модальный окно предупреждения. Используйтекласс близко , чтобы получить значок закрытия.
примеров
Попробуйте »
Результаты следующие:
знак вставки
Используйте каретку, чтобы тянуть вниз функции и направления. Используйте элемент <SPAN> склассом кареткой , чтобы получить эту функцию.
Результаты следующие:
Быстро Floating
Вы можете использовать каждыйкласс нагрузочный влево-вправо тянутьили влево или вправо плавающих элементов. Следующий пример иллюстрирует этот момент.
примеров
Попробуйте »
Результаты следующие:
Для выравнивания компонентов навигационной панели, используйте.navbar левый или правый .navbarвместо этого. Смотрите навигационную панель Bootstrap .
Сосредоточенный содержание
Использованиекласса центра-блок к центру элементов.
примеров
Попробуйте »
Результаты следующие:
Clear флоат
Чтобы очистить плавающий элемент, используйте.clearfix класс.
примеров
Попробуйте »
Результаты следующие:
Показать и скрыть содержимое
Вы можете заставить элемент для отображения или скрытия ( в том числе чтения с экрана) посредством использованиякласса .show и .hiddenприходят.
примеров
Попробуйте »
Результаты следующие:
для чтения с экрана
Вы можете поместить все элементы на устройстве, используя скрытыйкласс .sr-только, в дополнение к программе чтения с экрана.
примеров
Попробуйте »
Результаты следующие:
Здесь мы видим два типа входных тегов этикетка склассом стер-только, поэтому этикетка будет доступна только для чтения с экрана.