[Нарцисс] Странная воля любви — чтоб любимое было далеко! (Овидий).

Bootstrap – Вспомогательные классы

FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
Bootstrap - Вспомогательные классы
В этой главе рассматриваются некоторые из вспомогательных классов в Bootstrap, которые могут пригодиться.

Значок закрытия

Используйте иконку закрытия для закрытия модального окна и оповещения. Используйте класс close , чтобы получить значок закрытия.

Курсор

Используйте курсор, для того чтобы указать выпадающий список и направление. Для того, чтобы получить эту функциональность с помощью класса carets используйте вместе с элементом <span>.

 

Быстрое равнение

Вы можете равнять элемент влево или вправо с помощью класса pull-left или pull-right, следующий пример демонстрирует это.

 

Для выравнивания компонентов в NavBars с полезными классами, используйте .navbar-left или .navbar-right вместо вышеуказанных. Смотрите главу navbar для деталей.

Центрирование блока контента

Используйте класс center-block для установки элемента по центру.

 

Clearfix

Чтобы очистить равнение любого элемента, используйте класс .clearfix.

 

Отображение и скрытие содержания

Вы можете заставить элемент показаться или скрыть его ( в том числе и для чтения с экрана) с использованием классов .show и .hidden.

 

Экран чтения контента

Вы можете скрыть элемент для всех устройств, кроме чтения с экрана с классом .sr-only.

 

 

Здесь мы можем видеть, что надпись обоего типов входных присваиваются класс sr-only, поэтому метки будут видны только для чтения с экрана.

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Простая логическая игра "Поймай кота". Задача игры окружить кота точками так, чтобы он не смог убежать с поля. Постигла неудача - начни игру снова!

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close