Документация
Vue.js 3
Компоненты
Директивы
Иконки
Справочник
Темы
Играть

v2.23.1
- Последняя (v2.23.1)
- В разработке

Компоненты

Директивы

Hover
Popover
Scrollspy
Toggle
Tooltip
Visible

Справочник

Accessibility
Changelog
Color Variants
Contributing
Component img src resolving
Router support
Settings
Size props and classes
Spacing classes
Starter Templates
Theming Bootstrap
Third party libraries
Utility Classes
Form Validation

Плейграунд

Главная
Документация
Компоненты

Содержание страницы: Группы компонентов

Компоненты BootstrapVue и плагины для групп компонентов.

Alert — Предоставляйте контекстные сообщения обратной связи для типичных действий пользователя с помощью нескольких доступных и гибких предупреждающих сообщений. Aspect — Компонент `<b-aspect>` может использоваться для поддержания минимального адаптивного соотношения сторон содержимого. v2.9.0 Avatar — Аватары обычно используются для отображения профиля пользователя в виде изображения, иконки или короткого текста. v2.8.0 Badge — Небольшой адаптивный тег для добавления контекста практически к любому контенту. Breadcrumb — Укажите местоположение текущей страницы в навигационной иерархии. Разделители автоматически добавляются в CSS через ::before и content. Button — Используйте специальный компонент Bootstrap b-button для действий в формах, диалоговых окнах и т. д. Включает поддержку нескольких контекстных вариаций, размеров, состояний и т. д. Button Group — Сгруппируйте несколько кнопок в одну строку с помощью <b-button-group>. Button Toolbar — Сгруппируйте серию <b-button-group> и/или <b-input-group> вместе в одной строке с дополнительной навигацией с клавиатуры. Calendar — Пользовательский виджет календаря BootstrapVue для выбора дат и управления другими компонентами, полностью доступен WAI-ARIA (a11y) и поддерживает интернационализацию (i18n). v2.5.0 Card — Карточка - это гибкий и расширяемый контейнер содержимого. Он включает в себя варианты верхних и нижних колонтитулов, широкий спектр контента, контекстные цвета фона и мощные параметры отображения. Carousel — Компонент <b-carousel> представляет собой слайд-шоу для циклического просмотра серии контента, созданного с помощью преобразований CSS 3D. Он работает с серией изображений, текста или пользовательской разметки. Collapse — Легко переключайте видимость контента на своих страницах. Включает поддержку для изготовления аккордеонов. Dropdown — Выпадающие списки - это переключаемые контекстные наложения для отображения списков ссылок и действий в формате раскрывающегося меню. Embed — Создавайте адаптивные встраивания видео или слайд-шоу на основе ширины родительского элемента, создавая внутреннее соотношение, которое масштабируется на любом устройстве. Form — Компонент формы и вспомогательные компоненты формы, которые дополнительно поддерживают встроенные стили формы и состояния проверки. Form Checkbox — Пользовательский ввод флажка и группа флажков для замены ввода флажка по умолчанию в браузере, построенного на основе семантической и доступной разметки. Опционально поддерживает стиль переключателя. Form Datepicker — Элемент управления формой ввода настраиваемого средства выбора даты BootstrapVue, который обеспечивает полную доступность WAI-ARIA (a11y) и поддерживает интернационализацию (i18n). v2.5.0 Form File — Настраиваемый, кроссбраузерный, элемент управления вводом файлов, поддерживающий загрузку одного файла, нескольких файлов и каталогов. Form Group — Легко добавляйте некоторую структуру к формам. Его цель состоит в том, чтобы объединить элементы управления формы с легендой или меткой и предоставить текст справки и недопустимый/действительный текст обратной связи, а также визуальную (цветную) обратную связь с контекстным состоянием. Form Input — Создавайте различные типы входных данных, такие как: текст, пароль, номер, URL-адрес, адрес электронной почты, поиск, диапазон, дата и т. д. Form Radio — Кроссбраузерные радиовводы и радиогруппы с использованием настраиваемого радиоввода Bootstrap для замены радиоввода браузера по умолчанию. Form Rating — BootstrapVue настраиваемый элемент управления формой рейтинга в звездах для ввода оценок или агрегированного отображения. v2.12.0 Form Select — Пользовательский компонент <select> с использованием настраиваемых стилей для разных браузеров. При желании сгенерировать записи <option> на основе массива, массива объектов. Form Spinbutton — Компонент ввода настраиваемой числовой спин-кнопки BootstrapVue, обеспечивающий доступность WAI-ARIA (a11y) и интернационализацию (i18n). v2.5.0 Form Tags — Легкий пользовательский элемент управления формой ввода с тегами, с параметрами для настраиваемого рендеринга интерфейса, обнаружения повторяющихся тегов и дополнительной проверки тегов. v2.2.0 Form Textarea — Создавайте многострочные текстовые поля ввода с поддержкой автоматического изменения размера, минимального и максимального количества строк и состояний контекстной проверки. Form Timepicker — Элемент управления формы ввода настраиваемого средства выбора времени BootstrapVue, который обеспечивает полную доступность WAI-ARIA (a11y) и поддерживает интернационализацию (i18n). v2.6.0 Image — Создавайте адаптивные изображения, при желании добавляя к ним легкие стили - и все это с помощью свойства. Поддержка закругленных изображений, стили миниатюр, выравнивания и даже возможность создавать пустые изображения с дополнительным сплошным цветом фона и ленивыми загруженными изображениями. Input Group — Легко расширяйте элементы управления формой, добавляя текст, кнопки или группы кнопок по обе стороны от текстовых полей ввода Jumbotron — Легкий и гибкий компонент, который при желании может расширять всю область просмотра для демонстрации ключевых маркетинговых сообщений на вашем сайте. Layout and Grid System — Используйте мощную сетку flexbox для мобильных устройств (с помощью компонентов <b-container>, <b-row>, <b-form-row> и <b-col>) для создания макетов всех форм и размеров благодаря двенадцати система столбцов, пять адаптивных уровней по умолчанию, переменные и примеси CSS Sass и десятки предопределенных классов. Link — Используйте настраиваемый компонент BootstrapVue <b-link> для создания стандартной ссылки <a> или <router-link>. <b-link> поддерживает отключенное состояние и распространение события клика. List Group — Группы списков — это гибкий и мощный компонент для отображения серии содержимого. Элементы группы списка могут быть изменены для поддержки практически любого содержимого внутри. Их также можно использовать в качестве навигации с помощью различных свойств. Media — Медиа-объект помогает создавать сложные и повторяющиеся компоненты, в которых некоторые медиафайлы располагаются рядом с содержимым, которое не обертывается вокруг указанного медиафайла. Modal — Модальные окна оптимизированы, но гибкие диалоговые подсказки основаны на JavaScript и CSS. Они поддерживают ряд вариантов использования, от уведомлений пользователей до полностью настраиваемого контента, и содержат несколько полезных подкомпонентов, размеров, вариантов, доступности и многого другого. Nav — Компоненты навигации, использующие общую разметку и стили, от базового класса <b-nav> до активных и отключенных состояний. Меняйте свойства модификатора, чтобы переключаться между каждым стилем. Navbar — Компонент <b-navbar> — это адаптивная оболочка, которая размещает брендинг, навигацию и другие элементы в сжатом заголовке. Его легко расширять благодаря компоненту <b-collapse>. Overlay — Компонент b-overlay используется для визуального скрытия определенного элемента или компонента и его содержимого. Он сигнализирует пользователю об изменении состояния элемента или компонента и может использоваться для создания загрузчиков, предупреждений/предупреждений и многого другого. v2.7.0 Pagination — Кнопки быстрой первой, предыдущей, следующей, последней и страницы для управления разбиением на страницы другого компонента (например, <b-table> или списков). Pagination Nav — Быстрые кнопки первая, предыдущая, следующая, последняя и страница для разбиения на страницы на основе навигации, поддерживающие обычные ссылки или ссылки маршрутизатора. Popover — Функция Popover обеспечивает поведение всплывающей подсказки, ее можно легко применить к любому интерактивному элементу с помощью компонента <b-popover> или директивы v-b-popover. Progress — Пользовательский компонент прогресса для отображения простых или сложных индикаторов выполнения с поддержкой горизонтальных полос, анимированных фонов и текстовых меток. Sidebar — Компонент `<b-sidebar>` создает фиксированное окно просмотра, левое или правое, скользящее всплывающее окно. v2.10.0 Skeleton — Компонент <b-skeleton> можно использовать для формирования состояния загрузки во время загрузки ваших данных. v2.17.0 Spinner — Компонент <b-spinner> можно использовать для отображения состояния загрузки в ваших проектах. Они отображаются только с помощью базовых HTML и CSS в качестве облегченного функционального компонента Vue. Table — Для отображения табличных данных. <b-table> поддерживает разбиение на страницы, фильтрацию, сортировку, пользовательскую визуализацию, события и асинхронные данные. Для простого отображения табличных данных без всяких причудливых функций BootstrapVue также предоставляет легковесные альтернативные компоненты <b-table-lite> и <b-table-simple>. Tabs — Создайте виджет вкладок с локальным контентом. Компонент вкладок построен на внутренних элементах навигации и карточках и обеспечивает полное управление навигацией по вкладкам с помощью клавиатуры. Time — Пользовательский виджет ввода времени, который можно использовать для управления другими компонентами v2.6.0 Toast — Push-уведомления для ваших посетителей с тостом, легким и легко настраиваемым предупреждающим сообщением. Tooltip — Легко добавляйте всплывающие подсказки к элементам или компонентам с помощью компонента <b-tooltip> или директивы v-b-tooltip.

Документация

Главная
С чего начать
Компоненты
Директивы
Иконки
Справка
Плейграунд

Темы

Темы и информационные панели

Сообщество

GitHub
Discord чат
Bootstrap чат
Twitter
Open Collective

Примечания к выпуску

Журнал изменений

Разработан и построен с любовью в мире. Поддерживается основной командой с помощью наших участников.

В настоящее время v2.23.1. Код под лицензией MIT. Документация создана с помощью Nuxt.js.