haubek/bootstrap4c-chosen

Bootstrap 4 组件 - Chosen

维护者

详细信息

github.com/haubek/bootstrap4c-chosen

主页

源代码

问题

安装次数: 71,993

依赖者: 0

建议者: 0

安全性: 0

星标: 83

关注者: 4

分支: 41

公开问题: 15

语言:CSS

1.1.1 2019-04-15 03:01 UTC

Requires

MIT 6f3165a4bdd1f2783189414e4df00f6f6c9c4804

cssbootstrapsassscsscomponentchosencustom

This package is not auto-updated.

Last update: 2024-09-26 10:27:36 UTC

README

chosen

这是对 alxlit 的优秀样式表（https://github.com/alxlit/bootstrap-chosen）的分支。

Bootstrap4C Chosen 是一个简单的 Bootstrap 4 样式组件，用于出色的 Harvest Chosen jQuery 插件（https://github.com/harvesthq/chosen）。该组件将默认位图图标更改为精美的 SVG 图标，并与 Bootstrap 4 变量更好地配合工作。

在此处查看演示 > https://haubek.github.io

NPM 安装

npm install bootstrap4c-chosen

CSS

<link href="path/to/component-chosen.min.css" rel="stylesheet">

HTML5 标记

<select id="single" class="form-control form-control-chosen" data-placeholder="Please select...">
  <option></option>
  <option>Option One</option>
  <option>Option Two</option>
  <option>Option Three</option>
</select>

<select id="multiple" class="form-control form-control-chosen" data-placeholder="Please select..." multiple>
  <option></option>
  <option>Option One</option>
  <option>Option Two</option>
  <option>Option Three</option>
</select>

JavaScript

$('.form-control-chosen').chosen();