Теги: Верстка
25.02.2016
Медиа-объект является основой для построения на сайте сложных блоков (комментариев, отзывов). Один комментарий или отзыв в этом сложном блоке — это один медиа-объект. Медиа-объект состоит из медиа-элемента (изображения, видео или аудио) и текстового контента.
22.02.2016
Сообщения (alerts) предназначены для выделения на веб-странице некоторой информации с целью привлечения к ней внимания пользователя. Наиболее часто данный компонент используют для отображения ошибок и предупреждений при валидации форм.
19.02.2016
Компонент предназначен для отображения на странице изначально скрытого контента. При появлении по какому-либо событию, модальное окно затемняет всю страницу и отображается поверх остальных элементов. Окно представляет собой контейнер, который содержит заголовок, основное содержимое и подвал.
14.02.2016
С помощью компонента «Гармошка» можно создать набор из нескольких сворачиваемых панелей, содержащих контент различного объема. Поскольку открытой может быть только одна панель, все выглядит компактно. Компонент «Карусель» предназначен для демонстрации на сайте серии изображений (слайдов).
11.02.2016
Навигационная панель может быть реализована в виде вкладок (tabs) или в виде кнопок (pills). Создание панели начинается с маркированного списка, к которому добавляется базовый класс nav. Если к списку добавить класс nav-tabs — получим вкладки, если добавить класс nav-pills — получим кнопки.
08.02.2016
Всплывающая панель (popover) — это небольшая панель, которая располагается поверх содержимого веб-страницы и предназначена для отображения дополнительной информации, которая появляется при нажатии левой кнопки мыши на элементе веб-страницы.
05.02.2016
Всплывающая подсказка — это некоторая информация, появляющаяся рядом с элементом при наведении курсора мыши. Подсказка может быть добавлена к любому элементу страницы. Создание всплывающей подсказки осуществляется посредством добавления к HTML-элементу атрибута title и вызова для него метода tooltip.
30.01.2016
Компонент «Формы» — это набор CSS-классов, которые предназначены для оформления HTML форм: form-group, form-control, input-group, input-group-addon, input-group-btn, form-horizontal, form-inline, has-feedback, has-success, has-warning, has-error. Каждую группу элементов нужно поместить в элемент div с классом form-group.
27.01.2016
Создание горизонтального адаптивного меню для сайта осуществляется с помощью компонента «Navbar». Компонент имеет два режима отображения: десктопный (выводятся все элементы меню) и мобильный (отображается бренд и кнопка «Гамбургер»). Режим отображения зависит от ширины viewport браузера.
24.01.2016
Для удобного выделения блоков с текстом предусмотрен компонент «Панель». Чтобы создать панель, необходимо заключить текст в блочный элемент div с классом panel-body. Который, в свою очередь, заключить в ещё один блочный элемент div с классами panel и panel-default.