Рубрики
Без рубрики

Bootstrap 5 Выбрать

Какой выборный загрузчик? Компоненты выбора Поля используются для сбора Пользователя Provide … Tagged с Bootstrap, JavaScript, WebDev, HTML.

Какой выборный загрузчик?

Компоненты выбора Поля используются для сбора информации о предоставлении информации из списка параметров.

Установка

Ручная установка (ZIP пакет)

Чтобы воспользоваться нашим компонентом нашего загрузочного изображения и использовать их в вашем проекте, сначала нужно установить MDB 5 бесплатный пакет

MDB CLI

Смотреть наши Краткое начало Учебное пособие Чтобы обнаружить и использовать полный потенциал MDB 5 и MDB CLI

NPM

Предварительные условия

Перед началом проекта обязательно установите Узел LTS (12.x.x Рекомендуется) .

Установка

Чтобы установить набор MDB UI в вашем проекте, легко введите следующую команду в терминале:

npm i mdb-ui-kit 
Импортируя модули JS

Вы можете импортировать всю библиотеку или только отдельные модули:

import * as mdb from 'mdb-ui-kit'; // lib
import { Input } from 'mdb-ui-kit'; // module 
Импорт файла CSS

Чтобы импортировать MDB StyleSheet, пожалуйста, используйте следующий синтаксис:

@import '~mdb-ui-kit/css/mdb.min.css'; 
Импорт модулей SCSS

Вы также можете импортировать отдельные модули SCSS. Чтобы сделать это правильно, мы рекомендуем скопировать их из Node_Modules/MDB-UI-KIT/SRC/SCSS, непосредственно к вашему проекту и импортируйте так же, как файлы CSS.

Интеграция WebPack

Вы можете значительно ускорить процесс создания нового проекта на основе WebPack, используя наши Стартер Отказ

CDN.

Установка через CDN является одним из самых простых методов интеграции комплекта UI MDB с вашим проектом. Просто скопируйте последние скомпилированные метки JS-скрипта и тег CSS Link из CDNJS к заявке.

Не забудьте добавить также шрифт Swesome и Roboto шрифт, если вам это нужно. Вот пример код:

CSS.






Js.


Настройка

Основной пример
HTML

Выбор из нескольких вариантов

Добавить несколько Атрибут к элементу выбора для активации нескольких режимов.

HTML


Вы можете увидеть больше примеров настройки на странице 📄 Выберите Документацию

Решающие ресурсы

Вот ресурсы, которые мы готовили, чтобы помочь вам работать с этим компонентом:

  1. Читать 📄 Выберите страницу документации <- Начните здесь
  2. Чтобы получить максимальную отдачу от вашего проекта, вы также должны ознакомиться с другими вариантами форм, связанные с выбором. См. Раздел ниже, чтобы найти список их.
  3. Вы можете использовать предсказанные формы элементы в 📥 Шаблоны загрузки стартера 5 шаблонов
  4. Шаблоны являются частью 📦 Бесплатный комплект пользовательского интерфейса для Bootstrap 5
  5. После завершения проекта вы можете опубликовать его с CLI для получения 💽 бесплатный хостинг (бета)

Связанные варианты и функции содержания и стилей

Узнайте Bootstrap 5 в 1.5h

Дополнительные ресурсы

Узнайте веб-разработку с нашими Обучение дорожной кармы : 🎓 Начните узнать

Присоединяйтесь к нашему списку рассылки и получите Эксклюзивные ресурсы Для разработчиков 🎁. Получить подарки

Присоединяйтесь к нашей частной группе FB для Опыт вдохновения и сообщества 👨👩👧👦. Спросите присоединиться

Поддержка Создание пакетов с открытым исходным кодом С звездой на Github

Оригинал: “https://dev.to/mdbootstrap/bootstrap-5-select-2nh6”